Vue.js入门与商城开发实战

这是一个实战类书籍，手把手教你如何开发微信商城，包括小程序前端开发基础，到商城全流程的界面设计，包括首页、产品展示、购物车、下单、会员界面、公用功能等界面的开发案例详解。

本书系统化介绍Vue跨平台商城的开发原理和实战案例，内容全面、案例丰富，可帮助读者快速掌握跨平台商城的开发。主要内容分三大部分：基础、进阶、实战。基础知识包括Vue.js入门、Vue.js的数据绑定、表单和双向数据绑定、语句、样式绑定、事件处理器、监听属性、计算属性。进阶部分包括Vue.js的组件、自定义指令、路由、过渡和动画、响应接口、Ajax连接。实战包括首页、分类和产品案例、微信小程序支付、购物车和下单、会员界面、公用功能。包括移动商城首页、商城分类、商城购物车、产品分类、产品列表、评论、地址管理、下单、会员注册、会员登录、密码修改、订单列表、收藏、信息列表和详情等功能。

前言
第一部分基础知识
第1章Vue.js入门2
1.1Vue.js简介2
1.2Vue.js编辑器3
1.2.1编辑器类型4
1.2.2使用Notepad建立第一个Vue.js页面4
1.2.3使用Dreamweaver建立第一个Vue.js页面7
1.3Vue.js安装9
1.3.1使用CDN方法9
1.3.2下载官方Vue.js框架10
1.3.3NPM方法10
1.4Vue.js起步12
1.4.1Vue中变量的显示和自定义方法的使用12
1.4.2data内容的另外一种定义方式14
1.4.3系统属性15
1.4.4入门知识点总结16
第2章数据绑定18
2.1文本插值18
2.2v-html指令20
2.3v-text指令21
2.4v-once指令21
2.5v-cloak指令22
2.6v-bind指令23
2.7Vue.js接近支持JavaScript表达式25
2.8Vue.js指令总结27
2.8.1基础用法27
2.8.2指令参数29
2.8.3指令缩写30
2.8.4修饰符31
第3章表单和双向数据绑定32
3.1v-model的基础用法32
3.1.1在input中使用33
3.1.2在textarea中使用34
3.1.3在select中使用36
3.1.4在checkbox（单选）中使用37
3.1.5在checkbox（多选）中使用39
3.1.6在radio（单选）中使用40
3.1.7在链接a中应用41
3.1.8在图片中使用42
3.2Vue.js过滤器的使用43
3.3Vue.js获取表单要提交的数据45
3.4v-model指令的修饰符46
第4章条件和循环指令48
4.1v-if指令48
4.1.1使用v-if指令48
4.1.2使用v-else指令50
4.1.3使用v-else-if指令51
4.2v-show指令52
4.2.1v-show指令的用法52
4.2.2v-show指令和v-if指令的区别54
4.3v-for指令56
4.3.1基础语法56
4.3.2简易数组的使用57
4.3.3在模板中的使用58
4.3.4对象的迭代显示59
4.3.5对象的迭代显示：提供第二个参数为键名61
4.3.6对象的迭代显示：提供第三个参数为索引62
4.3.7循环显示整数64
4.3.8九九乘法表65
4.3.9对属性进行升序排序66
4.3.10对象数组的内容显示68
4.3.11v-for循环指令的嵌套69
第5章样式绑定72
5.1绑定class属性72
5.2绑定多个样式74
5.3绑定数据里的一个对象75
5.4绑定返回对象的计算属性77
5.5绑定一个数组79
5.6通过三目运算符绑定83
5.7style内联样式85
5.8style绑定样式对象86
5.9style绑定样式数组87
第6章事件处理器89
6.1v-on指令89
6.2v-on指令的方法调用90
6.3在事件中读取data里的数值91
6.4方法参数的几种使用方式93
6.5事件修饰符95
6.6按键修饰符96
第7章监听和计算属性97
7.1watch监听属性97
7.1.1基本用法97
7.1.2使用watch实现计数器97
7.1.3千米与米之间的换算99
7.1.4简单的购物车101
7.1.5全选与取消全选105
7.2计算属性108
7.2.1computed108
7.2.2methods110
7.2.3setter111
第二部分技能提升
第8章组件116
8.1全局组件116
8.2局部组件118
8.3props属性120
8.4动态props121
第9章自定义指令和响应接口124
9.1Vue.js自定义指令124
9.2钩子函数126
9.2.1常用钩子函数126
9.2.2钩子函数的参数126
9.3Vue.js响应接口128
9.4Vue.set130
9.5Vue.delete133
第10章路由、动画和过渡134
10.1安装vue-router134
10.2路由简单应用134
10.3相关属性136
10.4过渡137
10.5Vue.js中CSS动画的应用140
10.6自定义过渡的类名141
10.7JavaScript钩子143
第11章Vue.js中的插件Axios147
11.1安装方法147
11.2常用方法148
11.2.1GET方法148
11.2.2POST方法150
11.2.3执行多个并发请求150
11.2.4AxiosAPI151
11.2.5请求方法的别名151
11.2.6并发151
11.2.7创建实例152
11.3实例方法152
11.4其他内容155
第三部分商城开发案例
第12章首页开发162
12.1图片轮播164
12.2快捷菜单166
12.3近期新资讯167
12.4近期新上架170
12.5精品推荐172
第13章用户管理175
13.1用户注册175
13.2用户登录179
13.3会员首页182
13.4用户退出187
13.5用户信息修改187
13.6用户密码修改191
13.7用户收藏管理194
13.7.1收藏列表194
13.7.2收藏删除197
13.8用户地址管理199
13.8.1地址添加199
13.8.2地址列表207
13.8.3地址删除210
13.8.4地址修改212
第14章实现产品和新闻页面220
14.1产品分类220
14.1.1左侧默认分类221
14.1.2右侧默认产品223
14.1.3左侧分类和右侧产品联动225
14.2产品列表226
14.3产品简介228
14.3.1产品简介信息228
14.3.2底部菜单234
14.3.3收藏236
14.3.4加购物车237
14.3.5立即购买238
14.4产品详情239
14.5产品评论241
14.6信息列表244
14.7信息详情247
第15章购物和订单处理250
15.1购物车250
15.1.1购物车产品列表252
15.1.2增加和减少数量接口255
15.1.3增加数量255
15.1.4减少数量256
15.1.5单选计费258
15.1.6全选、取消全选、计费258
15.1.7去结算259
15.2下单260
15.2.1获取参数260
15.2.2加载用户地址261
15.2.3加载下单产品列表263
15.2.4提交订单266
15.3订单列表267
15.3.1顶部菜单切换268
15.3.2用户订单列表270
15.4取消订单274
15.5去付款276
15.6确认收货277
15.7产品评论279
15.8小结282