目录

基础知识篇

第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．1vtext与vhtml

2．1．2vbind

2．1．3vonce

2．1．4vcloak

2．1．5vpre

2．2条件渲染

2．2．1vshow

2．2．2vif与velseif

2．2．3velse

2．2．4在template元素上使用vif条件渲染分组

2．2．5用key管理可复用的元素

2．3列表渲染

2．3．1遍历元素

2．3．2维护状态

2．3．3数组更新检测

2．3．4对象变更检测注意事项

2．3．5在template上使用vfor

2．3．6vfor与vif一同使用

目录

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．2vmodel基本用法

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新闻搜索页面

本书源代码