目录 基础知识篇 第1章Vue基础入门(20min) 1.1Vue概述 1.1.1MVC到MVVM的演化历程 1.1.2Vue简介 1.1.3虚拟DOM与Diff算法 1.2Vue的安装与使用 1.2.1直接使用script引入 1.2.2使用NPM方式 1.2.3使用命令行工具 1.2.4创建一个Vue实例 1.3Vue模板语法 1.3.1插值 1.3.2指令 1.3.3缩写 第2章Vue内置指令(127min) 2.1基本指令 2.1.1vtext与vhtml 2.1.2vbind 2.1.3vonce 2.1.4vcloak 2.1.5vpre 2.2条件渲染 2.2.1vshow 2.2.2vif与velseif 2.2.3velse 2.2.4在template元素上使用vif条件渲染分组 2.2.5用key管理可复用的元素 2.3列表渲染 2.3.1遍历元素 2.3.2维护状态 2.3.3数组更新检测 2.3.4对象变更检测注意事项 2.3.5在template上使用vfor 2.3.6vfor与vif一同使用 目录 Vue.js企业开发实战 2.4事件处理 2.4.1监听事件 2.4.2事件处理方法 2.4.3事件修饰符 2.4.4按键修饰符 2.4.5系统修饰键 2.4.6为什么在HTML中监听事件 2.5表单输入绑定 2.5.1双向绑定 2.5.2vmodel基本用法 2.5.3修饰符 2.6class与style样式绑定 2.6.1HTML样式绑定 2.6.2内联样式绑定 第3章Vue实例核心选项(66min) 3.1数据选项 3.1.1data选项 3.1.2props选项 3.1.3computed选项 3.1.4methods选项 3.1.5watch选项 3.2DOM渲染选项 3.2.1el选项 3.2.2template选项 3.2.3render选项 3.3生命周期钩子 3.3.1create初始化 3.3.2mount组件挂载 3.3.3update组件更新 3.3.4destroy组件销毁 3.4资源选项 3.4.1directives选项 3.4.2filters选项 第4章Vue工程化项目(42min) 4.1使用Webpack构建Vue项目 4.1.1什么是Webpack 4.1.2Webpack中配置Vue开发环境 4.1.3Webpack配置本地服务器 4.2Vue CLI脚手架工具 4.2.1脚手架安装 4.2.2使用脚手架创建Vue项目 4.2.3项目结构与文件描述 第5章深入了解Vue组件(35min) 5.1什么是组件化开发 5.2Vue自定义组件 5.2.1组件的封装 5.2.2自定义组件上的属性 5.2.3自定义组件上的事件 5.3组件属性校验 5.4组件通信 5.4.1父组件向子组件通信 5.4.2子组件向父组件通信 5.5插槽 5.5.1什么是插槽 5.5.2具名插槽 5.5.3作用域插槽 核心技术篇 第6章Vue Router路由(33min) 6.1路由基础 6.1.1什么是路由 6.1.2在Vue中使用路由 6.1.3动态路由 6.1.4嵌套模式路由 6.1.5编程式导航 6.2路由的相关配置 6.2.1命名路由 6.2.2命名视图 6.2.3重定向 6.3路由的模式 6.4导航守卫 6.4.1全局守卫 6.4.2路由独享守卫 6.4.3组件内守卫 第7章Vuex状态管理(33min) 7.1Vuex简介 7.1.1什么是Vuex 7.1.2Vuex的安装与使用 7.2Vuex核心概念 7.2.1Vuex的工作流程 7.2.2Vuex对象核心成员 7.2.3Vuex规范目录结构 第8章Vue的异步请求(35min) 8.1axios的安装与使用 8.1.1安装axios 8.1.2axios基本用法 8.2axios实例 8.3axios并发请求 8.4axios拦截器 8.5axios错误处理 8.6axios取消请求处理 第9章服务器端渲染 9.1服务器端渲染简介 9.1.1什么是服务器端渲染(SSR) 9.1.2为什么要使用服务器端渲染 9.2服务器端渲染的基本用法 9.2.1安装与使用 9.2.2与服务器集成 9.3Nuxt.js框架 9.3.1Nuxt.js简介 9.3.2Nuxt.js的项目搭建 9.3.3目录结构 第10章Vue 3新特性详讲 10.1为什么要用Vue 3 10.1.1Vue 2对复杂功能的处理不友好 10.1.2Vue 2中mixin存在缺陷 10.1.3Vue 2对TypeScript的支持有限 10.2Vue 3简介 10.3Vue 3项目搭建 10.3.1Vue CLI脚手架简介 10.3.2安装Vue CLI 10.3.3创建Vue 3项目 10.4Vue 3项目的目录结构 10.5Composition API 详讲 10.5.1setup()函数 10.5.2reactive()函数 10.5.3ref()函数 10.5.4computed()计算属性 10.5.5Vue 3中的响应式对象 10.5.6生命周期的改变 10.5.7watch()侦测变化 10.5.8Vue 3更好地支持TypeScript 10.5.9Teleport传送门 10.5.10Suspense异步请求 10.5.11全局API修改 项目实战篇 第11章实战——Vue 2仿“京东商城”App 11.1项目概述 11.1.1开发环境 11.1.2项目结构 11.2入口文件 11.2.1项目入口页面 11.2.2程序入口文件 11.2.3组件入口文件 11.3项目组件 11.3.1底部导航组件 11.3.2商城首页 11.3.3搜索页面 11.3.4分类导航页面 11.3.5商品列表页面 11.3.6购物车页面 第12章实战——Vue 2仿“饿了么”App 12.1项目概述 12.1.1开发环境 12.1.2项目结构 12.2入口文件 12.2.1项目入口页面 12.2.2程序入口文件 12.2.3组件入口文件 12.3项目组件 12.3.1头部组件 12.3.2商品标签栏与侧边导航组件 12.3.3购物车组件 12.3.4商品列表组件 12.3.5商家公告组件 12.3.6评论内容组件 12.3.7商家信息组件 第13章实战——Vue 3仿“今日头条”App 13.1项目概述 13.1.1开发环境 13.1.2项目结构 13.2入口文件 13.2.1项目入口页面 13.2.2程序入口文件 13.2.3组件入口文件 13.2.4路由文件 13.3项目组件 13.3.1公共组件 13.3.2首页导航栏 13.3.3首页新闻列表 13.3.4新闻详情页 13.3.5私信留言页 13.3.6新闻搜索页面 本书源代码