Vue.js全家桶零基础入门到进阶项目实战

第1篇　入门准备实操篇
　NPM包的安装及使用 2
1.1 　NPM概述 3
1.2 　NPM安装 3
1.3 　配置Node.js环境（NPM全局安装路径） 5
1.4 　通过NPM初始化项目 6
1.5 　安装模块（JS库） 8
1.6 　生产环境和开发环境依赖模块的安装 13
1.7 　CNPM命令的安装 15
1.8 　批量下载模块 16
1.9 　其他常用NPM命令 17
实战练习 19
高手点拨 20

　VS Code开发工具的安装及配置 21
2.1 　VS Code开发工具的特点与安装 22
2.2 　常用插件安装 23
2.3 　VS Code常用设置 27
2.4 　设置新建文件类型 28
2.5 　常用的快速编辑技巧 30
2.6 　解决VS Code卡顿 32
实战练习 32
高手点拨 32
第2篇　基础核心案例篇
　Vue核心概念及第一个Vue程序精讲 34
3.1 　Vue.js的基本认识 35
3.2 　Vue.js的优点与核心思想 35
3.3 　Vue与React、Angular比较 36
3.4 　MVVM框架概述 37
3.5 　引入Vue 38
3.6 　第一个Vue程序 39
实战练习 43
高手点拨 43
　Vue常用指令使用 44
4.1 　v-text与v-html指令 45
4.2 　v-model指令 47
4.3 　v-cloak指令 50
4.4 　v-bind指令 51
4.5 　v-on指令 55
4.6 　v-if指令 57
4.7 　v-show指令 59
4.8 　v-for指令 61
实战练习 69
高手点拨 71

　事件修饰符、按键修饰符与系统修饰符 72
5.1 　DOM 事件流相关概念 73
5.2 　事件修饰符 74
5.3 　按键修饰符 79
5.4 　系统修饰符 83
实战练习 85
高手点拨 87

第3篇　中级进阶实战篇
　Vue实例常用的属性和方法 117
7.1 　Vue实例常用属性 118
7.2 　Vue实例常用方法 121
实战练习 128
高手点拨 129

　自定义指令及过渡（动画） 130
8.1 　自定义指令 131
8.2 　过渡效果实现 135
8.3 　钩子函数与动画呈现 139
8.4 　动画效果的实现 141
8.5 　结合第三方动画库Animate.css一起使用 142
实战练习 146
高手点拨 147

　自定义过滤器及开发插件 148
9.1 　自定义过滤器 149
9.2 　开发插件 153
实战练习 156
高手点拨 157

　组件及组件间的通信 158
10.1 　组件的概念 159
10.6 　父子组件的定义及使用 175
10.7 　子组件访问父组件中的数据 177
10.8 　父组件访问子组件中的数据 181
实战练习 205
高手点拨 205


　使用Vue Router实现路由控制实战 222
12.1 　前端路由及实现前端路由的基本原理 223
12.2 　Vue Router的应用 224
12.3 　前端路由嵌套 230
12.5 　实现路由导航跳转的方式 237
12.6 　命名路由和命名视图 242
12.7 　组件与路由间的解耦 246
实战练习 250
高手点拨 251

　webpack资源打包工具实战 252
13.1 　前端模块化开发 253
13.2 　webpack的基本认识 253
13.3 　webpack的安装 254
13.4 　webpack快速入门实操 256
实战练习 261
高手点拨 261

　使用Vue Loader打包单文件组件实战 286
16.2 　webpack结合Vue Loader打包单文件组件实战 291
16.3 　持续改进—采用render函数渲染组件 295
16.4 　完善改进—丰富Vue单文件组件 296
实战练习 305
高手点拨 305

　运用Vue CLI 脚手架构建项目实战 306
17.1 　Vue CLI的概念及其安装 307
17.2 　利用Vue CLI搭建Vue单页面项目 308
17.3 　Vue CLI服务命令的使用 314
17.4 　Vue CLI脚手架创建的项目基本结构归纳解析 316
17.5 　通过vue.config.js自定义配置选项 317
实战练习 325
高手点拨 325

　Element UI应用精讲 326
18.2 　Layout布局 330
18.3 　Container 布局容器和Color色彩 332
18.4 　Typography 字体和Border 边框 335
18.5 　Icon 图标和Button按钮 337
18.6 　Radio 单选按钮和Checkbox 复选框 341
18.7 　Input 输入框和InputNumber 计数器 344
实战练习 366
高手点拨 367

第4篇　综合进阶项目篇
　图书信息管理系统基础框架搭建实战 418
21.2 　项目脚手架搭建、更改标题、图标及初始化配置 420
21.3 　安装并配置Element UI 421
21.4 　封装Axios对象 422
21.5 　使用封装后的Axios对象发送请求返回数据到前端 426
21.6 　开发环境通过代理解决跨域请求 430
实战练习 434
高手点拨 434

　图书信息管理系统登录模块实现 435
22.1 　系统登录页面设计 436
22.2 　使用Element完善系统登录页面设计 437
22.3 　使用Easy Mock为登录验证创建模拟接口 441
22.4 　登录业务逻辑实现 443
实战练习 446
高手点拨 446

　图书信息管理系统主页功能初步实现 447
23.1 　主页布局设置 448
23.2 　利用Element设计头部组件 451
23.3 　利用Element设计左侧导航组件 453
23.4 　为左侧导航配置路由 456
23.5 　利用Element UI实现主区域显示当前路径 460
23.6 　退出系统功能实现 464
23.7 　路由权限校验 468
实战练习 472
高手点拨 472

　图书信息管理系统增删改查实现 473
24.1 　使用Easy Mock添加图书信息列表服务接口 474
24.2 　创建调用图书信息列表服务接口获取数据的API 475
24.3 　利用Element UI展示图书信息列表数据 477
24.4 　利用过滤器转换图书类型并重新渲染 479
24.5 　查询图书信息 .481
24.6 　添加图书信息 495
24.7 　图书信息的编辑功能实现 505
实战练习 522
高手点拨 522

　修改密码功能及完善系统 523
25.1 　修改密码、创建模拟接口及封装发送异步请求方法 524
25.2 　实现修改密码组件及重置功能 525
25.3 　利用Element自定义校验规则校验密码及确认密码 529
25.4 　修改密码业务逻辑的实现 533
25.5 　全局设置数据加载Loading显示效果 536
25.6 　全局处理Axios请求响应异常 540
实战练习 541
高手点拨 542

　利用ECharts+Vue生成动态图表的技术 543
26.1 　根据图书类别、库存数量初步生成折线图 544
26.2 　请求后端数据动态生成图表 546
实战练习 552
高手点拨 552

　使用Vuex重构图书信息管理系统 553
27.2 　创建并初步编写登录Vuex状态管理器 555
27.3 　使用Vuex完善登录的实现 558
27.4 　使用Vuex重构项目解决页面刷新回到登录页面问题 561
27.5 　使用Vuex状态管理登录用户信息 564
实战练习 570
高手点拨 570

　项目上线部署及生产环境跨域问题解决 571
28.1 　项目打包、准备好服务器及选择Web服务器 572
28.2 　上传文件到服务器和查看服务器安装的工具 574
28.4 　配置 nginx.conf 和上传打包后的项目 580
实战练习 584
高手点拨 584