Vue.js 3.0 从入门到精通（视频教学版）

图书标准信息

• 作者 李小威
• 出版社 清华大学出版社
• 出版时间 2021-09
• 版次 1
• ISBN 9787302587811
• 定价 69.80元
• 装帧 其他
• 开本 12开
• 纸张 胶版纸
• 页数 328页
• 字数 553.000千字

【内容简介】

:
本书通过应用示例和综合案例的讲解与演练，使读者快速掌握Vue.js 3.0编程知识，提高使用Vue开发移动网站和APP的实战能力。本书配套示例源代码、PPT课件和教学视频。
    全书共分18章，内容包括快速进入Vue.js的世界、搭建开发与调试环境、熟悉ECMAScript语法、熟悉Vue.js的语法、指令、计算属性、精通监听器、事件处理、Class与Style绑定、表单输入绑定、组件和组合API、设计过渡和动画效果、精通Vue CLI和Vite、使用Vue Router开发单页面应用、axios、Vuex、网上购物商城开发实战和电影购票APP开发实战等。
    本书内容丰富、理论结合实践，可以作为工具书和参考手册，适合Web前端开发初学者、移动网站与APP设计和开发人员，也适合作为高等院校、中职学校和培训机构计算机相关专业的师生教学参考。

【作者简介】

李小威，软件开发项目经理，在软件开发有多年的开发经验，尤其擅长java、php、数据库、大数据分析等，具有很强的实战经验。对多种数据库系统有深入研究，在数据库管理与开发方面有着丰富的经验。并已出版过多本相关书，颇受广大读者认可。

【目录】

章 快速进入vue.js的世界 1

1.1 前端开发技术的发展 1

1.2 mv*模式 2

1.2.1 mvc模式 2

1.2.2 mvvm模式 2

1.3 vue.js概述 3

1.4 vue.js的发展历程 5

1.5 vue.js 3.0的新变化 5

1.6 疑难解惑 7

第2章 搭建开发与调试环境 8

2.1 安装vue.js 8

2.1.1 使用cdn方式 8

2.1.2 npm 9

2.1.3 命令行工具（cli） 9

2.1.4 使用vite方式 10

2.2 安装webstorm 10

2.3 安装vue-devtools 15

2.4 个vue.js程序 17

2.5 疑难解惑 20

第3章 熟悉ecmascript 6语法 21

3.1 ecmascript 6介绍 21

3.1.1 es6的前世今生 21

3.1.2 为什么要使用es6 22

3.2 块作用域构造let和const 22

3.3 模板字面量 24

3.3.1 multi-line strings（多行字符串） 24

3.3.2 字符串占位符 24

3.4 默认参数和rest参数 24

3.5 解构赋值 25

3.6 展开运算符 26

3.7 增强的对象文本 27

3.8 箭头函数 29

3.9 promise 实现 30

3.10 classes（类） 30

3.11 modules（模块） 31

3.12 精简压缩生产环境的webpack 31

3.12.1 webpack是什么 31

3.12.2 配置一个完整项目的webpack 32

3.13 疑难解惑 33

第4章 熟悉vue.js的语法 35

4.1 创建应用程序实例 35

4.2 插值 37

4.3 方法选项 40

4.3.1 使用方法 40

4.3.2 传递参数 41

4.3.3 方法之间调用 42

4.4 生命周期钩子函数 43

4.4.1 认识生命周期钩子函数 44

4.4.2 created和mouted 46

4.5 指令 47

4.6 缩写 49

4.7 vue.js 3.0的新变化——取消构造函数 50

4.8 疑难解惑 50

第5章 指令 52

5.1 内置指令 52

5.1.1 v-show 52

5.1.2 v-if/v-else-if/v-else 53

5.1.3 v-for 55

5.1.4 v-bind 67

5.1.5 v-model 68

5.1.6 v-on 70

5.1.7 v-text 71

5.1.8 v-html 72

5.1.9 v-once 73

5.1.10 v-pre 73

5.1.11 v-cloak 74

5.2 自定义指令 75

5.2.1 注册自定义指令 75

5.2.2 钩子函数 76

5.2.3 动态指令参数 78

5.3 综合案例——通过指令实现下拉菜单效果 79

5.4 疑难解惑 82

第6章 计算属 83

6.1 使用计算属 83

6.2 计算属的getter和setter方法 85

6.3 计算属的缓存 86

6.4 使用计算属代替v-for和v-if 89

6.5 综合案例——使用计算属设计购物车效果 90

6.6 疑难解惑 93

第7章 精通器 94

7.1 使用器 94

7.2 方法 95

7.3 对象 96

7.4 综合案例——使用器设计购物车效果 99

7.5 疑难解惑 101

第8章 事件处理 102

8.1 事件 102

8.2 事件处理方法 103

8.3 事件修饰符 106

8.3.1 s07

8.3.2 capture 109

8.3.3 self 111

8.3.4 once 112

8.3.5 prevent 113

8.3.6 passive 114

8.4 按键修饰符 114

8.5 系统修饰键 117

8.6 综合案例——处理用户注册信息 118

8.7 疑难解惑 119

第9章 class与style绑定 120

9.1 绑定html样式（class） 120

9.1.1 数组语法 120

9.1.2 对象语法 122

9.1.3 用在组件上 126

9.2 绑定内联样式（style） 126

9.2.1 对象语法 126

9.2.2 数组语法 129

9.3 综合案例——设计隔行变的商品表 130

9.4 疑难解惑 132

0章 表单输入绑定 133

10.1 实现双向数据绑定 133

10.2 单行文本输入框 133

10.3 多行文本输入框 134

10.4 复选框 135

10.5 单选按钮 137

10.6 选择框 138

10.7 值绑定 140

10.7.1 复选框 141

10.7.2 单选框 141

10.7.3 选择框的选项 142

10.8 修饰符 143

10.8.1 lazy 143

10.8.2 number 144

10.8.3 trim 145

10.9 综合案例——设计用户注册页面 145

10.10 疑难解惑 147

1章 组件和组合api 149

11.1 组件是什么 149

11.2 组件的注册 150

11.2.1 全局注册 150

11.2.2 局部注册 151

11.3 使用prop向子组件传递数据 152

11.3.1 prop基本用法 152

11.3.2 单向数据流 155

11.3.3 prop验证 156

11.3.4 非prop的属 157

11.4 子组件向父组件传递数据 159

11.4.1 子组件事件 159

11.4.2 将原生事件绑定到组件 161

11.4.3 .sync修饰符 162

11.5 插槽 164

11.5.1 插槽基本用法 164

11.5.2 编译作用域 165

11.5.3 默认内容 165

11.5.4 命名插槽 166

11.5.5 作用域插槽 169

11.5.6 解构插槽prop 171

11.6 vue.js 3.0的新变化1——组合api 172

11.7 setup()函数 173

11.8 响应式api 174

11.8.1 reactive()方法和watcheffect()方法 174

11.8.2 ref()方法 175

11.8.3 readonly()方法 176

11.8.4 puted()方法 176

11.8.5 watch()方法 177

11.9 vue.js 3.0的新变化2——访问组件的方式 178

11.10 综合案例——使用组件创建树状项目分类 179

11.11 疑难解惑 180

2章 过渡和动画效果 181

12.1 单元素/组件的过渡 181

12.1.1 css 过渡 181

12.1.2 过渡的类名 183

12.1.3 css动画 186

12.1.4 自定义过渡的类名 187

12.1.5 动画的javascript钩子函数 188

12.2 初始渲染的过渡 191

12.3 多个元素的过渡 193

12.4 列表过渡 194

12.4.1 列表的进入/离开过渡 194

12.4.2 列表的排序过渡 195

12.4.3 列表的交错过渡 197

12.5 综合案例1——商品编号增加器 198

12.6 综合案例2——设计下拉菜单的过渡动画 200

12.7 疑难解惑 202

3章 精通vue cli和vite 203

13.1 脚手架的组件 203

13.2 脚手架环境搭建 204

13.3 安装脚手架 207

13.4 创建项目 207

13.4.1 使用命令 207

13.4.2 使用图形化界面 210

13.5 分析项目结构 214

13.6 配置scss、less和stuly 216

13.7 配置文件package.json 219

13.8 vue 3.0新增开发构建工具——vite 220

13.9 疑难解惑 222

4章 使用vue router开发单页面应用 223

14.1 使用vue router 223

14.1.1 html页面使用路由 223

14.1.2 项目中使用路由 228

14.2 命名路由 230

14.3 命名视图 232

14.4 路由传参 236

14.5 编程式导航 240

14.6 组件与vue router间解耦 244

14.6.1 布尔模式 244

14.6.2 对象模式 247

14.6.3 函数模式 250

14.7 疑难解惑 251

5章 数据请求库—aos 252

15.1 什么是aos 252

15.2 安装aos 253

15.3 基本用法 253

15.3.1 aos的get请求和t请求 253

15.3.2 请求json数据 255

15.3.3 跨域请求数据 256

15.3.4 并发请求 258

15.4 使用aos创建请求 259

15.5 请求配置 260

15.6 创建实例 263

15.7 配置默认选项 263

15.8  264

15.9 vue.js 3.0的新变化—替代vue.prototype 264

15.10 综合案例—显示近7的天气情况 265

15.11 疑难解惑 267

6章 管理—vuex 268

16.1 什么是vuex 268

16.2 安装vuex 269

16.3 在项目中使用vuex 270

16.3.1 搭建一个项目 270

16.3.2 state对象 273

16.3.3 getter对象 274

16.3.4 mutation对象 276

16.3.5 action对象 278

16.4 疑难解惑 280

7章 网上购物商城开发实战 282

17.1 系统功能结构 282

17.2 系统结构分析 283

17.3 系统运行效果 283

17.4 系统功能模块设计与实现 284

17.4.1 首页模块 284

17.4.2 首页信息展示模块 285

17.4.3 用户登录模块 288

17.4.4 商品模块 290

17.4.5 购买模块 295

17.4.6 支付模块 297

8章 电影购票app开发实战 299

18.1 脚手架项目的搭建 299

18.2 系统结构 300

18.3 系统运行效果 300

18.4 设计项目组件 302

18.4.1 设计头部和底部导航组件 302

18.4.2 设计电影页面组件 303

18.4.3 设计影院页面组件 310

18.4.4 设计我的页面组件 312

18.5 设计项目页面组件及路由配置 313

18.5.1 电影页面组件及路由 313

18.5.2 影院页面组件及路由 314

18.5.3 我的页面组件及路由 315