Vue.js前端开发实战（慕课版）

师晓利刘志远

扉页
Vue．js简介 1
+书签
1．1　Vue．js概述　2
1．1．1　什么是Vue．js　2
1．1．2　Vue．js的特性　2
1．2　Vue．js的安装　2
1．2．1　直接下载并使用
1．2．2　使用CDN方法　4
1．2．3　使用NPM方法　4
1．3　开发工具WebStorm简介　4
1．4　创建第一个Vue实例　10
小结　12
上机指导　12
习题　13
基础特性　14
2．1　Vue实例及选项　15
2．1．1　挂载元素　15
2．1．2　数据　15
2．1．3　方法　16
2．1．4　生命周期钩子函数　17
2．2　数据绑定　18
2．2．1　插值　18
2．2．2　过滤器　22
2．2．3　指令　26
小结　27
上机指导　27
习题　28
条件判断与列表渲染　29
3．1　条件判断　30
3．1．1　v-if指令　30
3．1．2　在元素中使用v-if　30
3．1．3　v-else指令　31
3．1．4　v-else-if指令　32
3．1．5　v-show指令　33
3．1．6　v-if和v-show的比较　34
3．2　列表渲染　35
3．2．1　应用v-for指令遍历数组　35
3．2．2　在元素中使用v-for　37
3．2．3　数组更新检测　37
3．2．4　应用v-for指令遍历对象　41
3．2．5　向对象中添加属性　43
3．2．6　应用v-for指令遍历整数　45
小结　46
上机指导　46
习题　48
计算属性与监听属性　49
4．1　计算属性　50
4．1．1　什么是计算属性　50
4．1．2　getter和setter　51
4．1．3　计算属性缓存　53
4．2　监听属性　55
4．2．1　什么是监听属性　55
4．2．2　deep选项　57
小结　58
上机指导　58
习题　59
样式绑定　60
5．1　class属性绑定　61
5．1．1　对象语法　61
5．1．2　数组语法　64
5．2　内联样式绑定　66
5．2．1　对象语法　66
5．2．2　数组语法　68
小结　70
上机指导　70
习题　71
事件处理　72
6．1　事件监听　73
6．1．1　使用v-on指令　73
6．1．2　事件处理方法　73
6．1．3　使用内联JavaScript语句　76
6．2　事件处理中的修饰符　77
6．2．1　事件修饰符　77
6．2．2　按键修饰符　78
小结　79
上机指导　79
习题　81
表单控件绑定　82
7．1　绑定文本框　83
7．1．1　单行文本框　83
7．1．2　多行文本框　85
7．2　绑定复选框　86
7．2．1　单个复选框　86
7．2．2　多个复选框　86
7．3　绑定单选按钮　88
7．4　绑定下拉菜单　90
7．4．1　单选　90
7．4．2　多选　91
7．5　值绑定　93
7．5．1　单选按钮　94
7．5．2　复选框　94
7．5．3　下拉菜单　95
7．6　使用修饰符　96
7．6．1　lazy　96
7．6．2　number　97
7．6．3　trim　97
小结　98
上机指导　98
习题　100
自定义指令　101
8．1　注册指令　102
8．1．1　注册全局指令　102
8．1．2　注册局部指令　102
8．2　钩子函数　103
8．3　自定义指令的绑定值　107
8．3．1　绑定数值常量　107
8．3．2　绑定字符串常量　107
8．3．3　绑定对象字面量　108
小结　109
上机指导　109
习题　110
组件　111
9．1　注册组件　112
9．1．1　注册全局组件　112
9．1．2　注册局部组件　114
9．2　数据传递　116
9．2．1　什么是Prop　116
9．2．2　Prop的大小写　116
9．2．3　传递动态Prop　117
9．2．4　Prop验证　120
9．3　自定义事件　122
9．3．1　自定义事件的监听和触发　123
9．3．2　将原生事件绑定到组件　125
9．4　内容分发　126
9．4．1　基础用法　126
9．4．2　编译作用域　127
9．4．3　后备内容　128
9．4．4　具名插槽　129
9．4．5　作用域插槽　131
9．5　混入　133
9．5．1　基础用法　133
9．5．2　选项合并　134
9．5．3　全局混入　137
9．6　动态组件　137
9．6．1　基础用法　137
9．6．2　keep-alive　139
小结　140
上机指导　140
习题　143
过渡　144
10．1　单元素过渡　145
10．1．1　CSS过渡　145
10．1．2　过渡的类名介绍　146
10．1．3　CSS动画　147
10．1．4　自定义过渡的类名　148
10．1．5　JavaScript钩子函数　150
10．2　多元素过渡　153
10．2．1　基础用法　153
10．2．2　key属性　154
10．2．3　过渡模式　156
10．3　多组件过渡　157
10．4　列表过渡　158
小结　159
上机指导　160
习题　162
常用插件　163
11．1　应用vue-router实现路由　164
11．1．1　引入插件　164
11．1．2　基础用法　164
11．1．3　路由动态匹配　166
11．1．4　嵌套路由　166
11．1．5　命名路由　170
11．1．6　应用push()方法定义导航　170
11．1．7　命名视图　170
11．1．8　重定向　172
11．2　应用axios实现Ajax请求　172
11．2．1　引入方式　173
11．2．2　GET请求　173
11．2．3　POST请求　176
小结　178
上机指导　178
习题　183
单页Web应用　184
12．1　webpack简介　185
12．1．1　webpack的安装　185
12．1．2　基础用法　185
12．2　loader简介　187
12．2．1　加载CSS　187
12．2．2　webpack配置文件　187
12．2．3　加载图片文件　190
12．3　单文件组件　191
12．4　项目目录结构　193
12．4．1　@vue/cli的安装　193
12．4．2　创建项目　194
小结　200
上机指导　200
习题　204
状态管理　205
13．1　Vuex简介　206
13．2　基础用法　206
13．2．1　Vuex的核心概念　206
13．2．2　简单例子　207
13．3　实例　214
小结　220
上机指导　220
习题　224
综合开发实例—
51购商城　225
14．1　项目的设计思路　226
14．1．1　项目概述　226
14．1．2　界面预览　226
14．1．3　功能结构　227
14．1．4　文件夹组织结构　227
14．2　主页的设计与实现　228
14．2．1　主页的设计　228
14．2．2　顶部区和底部区功能的实现　230
14．2．3　商品分类导航功能的实现　233
14．2．4　轮播图功能的实现　235
14．2．5　商品推荐功能的实现　237
14．3　商品详情页面的设计与实现　239
14．3．1　商品详情页面的设计　239
14．3．2　图片放大镜效果的实现　240
14．3．3　商品概要功能的实现　242
14．3．4　猜你喜欢功能的实现　244
14．3．5　选项卡切换效果的实现　247
14．4　购物车页面的设计与实现　248
14．4．1　购物车页面的设计　248
14．4．2　购物车页面的实现　249
14．5　付款页面的设计与实现　252
14．5．1　付款页面的设计　252
14．5．2　付款页面的实现　253
14．6　登录和注册页面的设计与实现　256
14．6．1　登录和注册页面的设计　256
14．6．2　登录页面的实现　257
14．6．3　注册页面的实现　259
小结　263
课程设计—仿豆瓣
?　电影评分网　264
15．1　课程设计目的　265
15．2　系统设计　265
15．2．1　系统功能结构　265
15．2．2　文件夹组织结构　265
15．2．3　系统预览　266
15．2．4　在项目中使用jQuery　267
15．3　主页的设计与实现　268
15．3．1　主页的设计　268
15．3．2　“正在热映”版块的实现　269
15．3．3　“最近热门的电影”
版块的实现　273
15．4　电影信息页面的设计与实现　277
15．4．1　“基本信息和评分”
版块的设计　277
15．4．2　“剧情简介”版块的实现　278
15．4．3　“类似电影推荐”
版块的实现　279
15．5　电影评价功能的实现　280
15．5．1　记录想看的电影　280
15．5．2　评价看过的电影　284
15．5．3　删除记录　286
小结　286