正版新书]Vue.js核心技术解析与uni-app跨平台实战开发 清华大学

第1章Vue.js基础入门1

1.1什么是Vue.js1

1.1.1当前流行的前端框架1

1.1.2为什么要学习Vue.js2

1.1.3Vue.js核心理念2

1.1.4框架和库的区别2

1.2MVVM前端视图层开发理念2

1.3创建Vue实例对象，详解MVVM3

1.4详解插值表达式5

1.5Vue基础指令7

1.5.1v-cloak指令7

1.5.2v-text指令9

1.5.3v-html指令9

1.5.4v-bind指令11

1.5.5v-on指令13

1.6事件修饰符15

1.6.1鼠标按键修饰15

1.6.2系统修饰符15

1.6.3事件修饰符16

1.7双向数据绑定17

1.7.1v-model修饰符18

1.7.2使用v-model实现计算器案例19

1.8v-for指令21

1.8.1遍历普通数组22

1.8.2遍历对象数组23

1.8.3遍历对象24

1.8.4遍历数字25

1.9学生管理案例25

1.9.1渲染学生列表26

1.9.2新增学生28

1.9.3删除学生28

1.9.4搜索学生29

第2章Vue.js绑定样式及案例32

2.1class类名绑定32

2.1.1对象控制绑定样式32

2.1.2数组控制绑定样式33

2.2style行内样式绑定34

2.2.1对象控制绑定行内样式34

2.2.2数组控制绑定行内样式35

2.3Vue绑定样式案例（标题排他）35

2.4控制元素显示隐藏37

2.4.1v-if和v-show指令37

2.4.2v-if实现选项卡案例39

2.5简单版购物车实例40

2.5.1购物车实例简介40

2.5.2静态页面布局41

2.5.3渲染购物车列表42

2.5.4修改商品选中状态43

2.5.5记录选中商品的总数量和总价格44

2.5.6全选状态46

2.5.7商品数量增加或减少48

第3章Vue.js生命周期函数50

3.1创建期间生命周期函数50

3.2运行期间生命周期函数55

3.3销毁期间生命周期函数57

3.4扩展58

第4章Vue.js动画59

4.1Vue单组动画59

4.2Vue定义多组动画61

4.3使用animate动画库63

4.4transition-group列表动画64

第5章Vue.js组件67

5.1创建全局组件67

5.1.1组件创建方式一67

5.1.2组件创建方式二68

5.1.3组件创建方式三68

5.2创建私有组件69

5.2.1组件中的data和methods71

5.2.2组件选项卡切换案例72

5.3动画组件74

5.4组件传值75

5.4.1父组件向子组件传值75

5.4.2父组件向子组件传递方法77

5.4.3子组件向父组件传值79

5.5Vue获取DOM元素的方法（ref）82

5.5.1ref获取普通DOM元素82

5.5.2ref获取组件元素84

第6章Vue.js路由86

6.1什么是路由86

6.1.1安装路由86

6.1.2使用路由87

6.2路由控制组件切换88

6.3路由重定向以及动画路由90

6.4路由传参91

6.4.1传参方式一91

6.4.2传参方式二92

6.5嵌套路由93

6.6路由布局95

第7章Vue.js高级进阶97

7.1安装vue-cli97

7.1.1vue-cli创建项目98

7.1.2运行脚手架项目99

7.2vue-cli目录结构100

7.3vue-cli运行机制101

7.4vue-cli选项卡案例103

7.5过滤器105

7.5.1私有过滤器105

7.5.2全局过滤器107

7.6Vue计算属性109

7.7watch侦听属性111

7.8slot插槽113

7.9链式路由跳转115

7.10路由守卫117

7.10.1全局路由守卫117

7.10.2组件内路由守卫119

7.10.3离开组件时守卫120

第8章element-ui/mint-ui组件库122

8.1element-ui使用步骤122

8.2mint-ui的使用124

第9章axios发送HTTP请求127

9.1安装axios127

9.1.1组件中使用axios128

9.1.2配置全局域名129

9.1.3代码分离129

9.2axios传递参数130

9.3axios原理之promise131

9.3.1什么是promise132

9.3.2为什么要用promise132

9.3.3promise基本使用132

9.3.4promise的API133

9.3.5async与await137

第10章Vuex状态管理142

10.1Vuex基础应用142

10.2getters的使用144

10.3mutations的使用145

10.4actions的使用148

10.5Vuex代码分离151

10.6辅助函数152

10.6.1mapState辅助函数152

10.6.2mapGetters辅助函数153

10.6.3mapMutations辅助函数154

10.6.4mapActions辅助函数155

10.7Vuex实例之登录退出156

10.7.1vue-cli创建项目站点156

10.7.2Vuex修改登录状态158

第11章企业项目实战166

11.1vue-cli创建项目166

11.2首页开发168

11.2.1布局首页静态页面170

11.2.2使用axios获取轮播图176

11.2.3首页广告版块数据渲染178

11.2.4首页商家推荐版块数据渲染180

11.2.5首页其他版块数据渲染181

11.3网页底部信息和产品列表页面开发182

11.3.1产品列表静态页面布局184

11.3.2渲染全部产品页面数据186

11.3.3产品价格排序功能189

11.3.4产品价格范围筛选功能190

11.4element-ui实现产品分页192

11.5产品详情页面开发194

第12章Vue3.X新特性解析198

12.1Vue3.0新特性199

12.2什么是Composition API201

12.2.1setup函数的特点202

12.2.2定义响应式数据203

12.3reactive函数204

12.4封装功能模块，增加代码复用206

12.5Vue3生命周期207

12.6computed的使用208

12.7watch监听的使用211

12.8依赖注入212

12.9Refs模板216

12.10readonly()函数的使用218

12.11watchEffect()函数的使用219

12.12响应式系统工具集的使用220

12.12.1unref()220

12.12.2toRef()221

12.12.3isRef()221

12.12.4isProxy()221

12.12.5isReactive()222

12.12.6isReadonly()222

第13章uni-app核心基础223

13.1uni-app概述223

13.1.1创建uni-app项目224

13.1.2uni-app目录结构226

13.1.3uni-app运行机制226

13.2常用组件229

13.2.1view组件229

13.2.2text组件230

13.2.3image组件231

13.3常用特效231

13.3.1tabBar导航使用232

13.3.2swiper轮播图使用232

13.4uni-app属性绑定和事件绑定233

13.4.1属性绑定234

13.4.2事件绑定235

13.5v-for渲染数据235

13.6uni-app生命周期236

13.6.1应用生命周期237

13.6.2页面生命周期237

13.6.3下拉刷新生命周期函数237

13.6.4上拉加载生命周期函数239

13.7uni-app发送HTTP请求240

13.8跨端兼容241

13.8.1控制页面元素242

13.8.2控制CSS样式242

13.8.3控制JS243

13.9页面跳转243

13.9.1网址跳转243

13.9.2事件跳转244

13.9.3传递参数245

第14章uni-app企业项目实战247

14.1鲁嗑瓜子首页开发247

14.1.1布局首页静态页247

14.1.2调用数据接口渲染轮播图252

14.1.3首页广告版块数据渲染253

14.1.4首页商家推荐版块数据渲染254

14.1.5首页其他版块数据渲染255

14.2产品列表页开发257

14.2.1布局产品列表静态页面257

14.2.2渲染产品列表数据258

14.2.3价格排序功能260

14.2.4价格范围筛选功能261

14.3产品详情页开发263

14.4App打包265

14.4.1H5发布265

14.4.2App发布266

袁龙，主要从事Web开发、教学培训等业务，创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站，为数万前端开发者提供高效率的工作方式，轻松实现网页动画特效，目前是51CTO、CSDN等在线教育平台讲师。

《Vue.js核心技术解析与uni-app跨平台实战开发》讲解Vue的各种指令、过渡动画、组件以及路由等核心内容，配书课程会伴随着实例进行深入浅出的讲解，提供干货分享和精品课件，以提高读者在企业项目中的工作效率。《Vue.js核心技术解析与uni-app跨平台实战开发》总体上偏向实战，通过带你手写一个自己的Vue框架，练习接口调用、渲染数据，进而开发跨平台项目。

《Vue.js核心技术解析与uni-app跨平台实战开发》系统地介绍了Vue.js和uni-app的核心基础理论及企业项目开发，以实例的形式对Vue.js和uni-app进行深入浅出的讲解。《Vue.js核心技术解析与uni-app跨平台实战开发》共分14章，内容包括Vue.js基础入门、Vue.js绑定样式及案例、Vue.js生命周期函数、Vue.js动画、Vue.js组件、Vue.js路由、Vue.js高级进阶、element-ui/mint-ui组件库、axios发送HTTP请求、Vuex状态管理、企业项目实战、Vue3.X新特性解析、uni-app核心基础、uni-app企业项目实战等，书中大部分章节提供了实战项目案例源码。《Vue.js核心技术解析与uni-app跨平台实战开发》中每一个关键知识点均配套了同步视频讲解，以带领读者把书中的代码敲一遍，这不仅能使读者更加透彻地掌握知识点，实现独立开发企业级项目的目标，还能使读者及时地了解**技术动态。《Vue.js核心技术解析与uni-app跨平台实战开发》的读者对象为网页设计与制作人员、网站建设开发人员、相关专业的学生及网站制作爱好者。