Vue.js企业开发实战

Vue.js是一套用于构建用户界面的渐进式JavaScript框架，本书主要概述Vue.js的基础语法和在实际项目开发中的运用细节，遵循了Vue.js自底向上逐层设计的规范。读者既可以在一个页面中单独使用，也可以将整个项目构建成单页面（SPA）应用。本书共13章，分为三篇。基础知识篇（第1~5章）介绍Vue.js的内置指令、Vue.js实例对象中的核心选项属性，以及如何构建单页面应用；核心技术篇（第6~10章）重点讲解Vue.js相关的重要插件的使用，在SPA应用中的路由管理、状态管理、异步请求等技术的实现细节；项目实战篇（第11~13章）结合基于Vue.js的主流UI组件库，实现了以Vue.js框架为主要技术栈的WebApp项目案例，便于读者快速掌握Vue.js框架在实战中的应用。本书配套案例讲解视频，帮助读者更好地理解书中的内容。本书内容全面，讲解细致，示例丰富，适用于尚未接触过MVVM类前端框架，或者初步接触Vue.js，以及实际应用Vue.js开发项目的开发者阅读。

基础知识篇
第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一同使用
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新闻搜索页面