从零开始学Vue.js

从零开始学Vue.js
作 者: 明日科技 著
出版社: 化学工业出版社
丛编项:
版权说明: 本书为公共版权或经版权方授权,请支持正版图书
标 签: 暂缺
ISBN 出版时间 包装 开本 页数 字数
未知 暂无 暂无 未知 0 暂无

作者简介

暂缺《从零开始学Vue.js》作者简介

内容简介

本书从零基础读者的角度出发,通过通俗易懂的语言、丰富多彩的实例,循序渐进地让读者在实践中学习Vue.js编程知识,并提升自己的实际开发能力。 全书共分为4篇18章,内容包括Vue.js简介、基础特性、条件判断、列表渲染、计算属性、监听属性、样式绑定、事件处理、表单控件绑定、自定义指令、组件、过渡、渲染函数、常用插件、单页Web应用、状态管理、51购商城、仿豆瓣电影评分等。书中知识点讲解细致,侧重介绍每个知识点的使用场景,涉及的代码给出了详细的注释,可以使读者轻松领会Vue.js程序开发的精髓,快速提高开发技能。同时,本书配套了大量教学视频,扫码即可观看,还提供所有程序源文件,方便读者实践。 本书适合Vue.js初学者、前端开发工程师等自学使用,也可用作高等院校相关专业的教材及参考书。

图书目录

第1篇 基础知识篇

第1章 Vue.js简介 2 视频讲解:8节,28分钟

1.1 Vue.js概述 3

1.1.1 什么是Vue.js 3

1.1.2 Vue.js的特性 3

1.2 Vue.js的安装 4

1.2.1 直接下载并引入 4

1.2.2 使用CDN方法 5

1.2.3 使用NPM方法 5

1.3 Vue.js的开发模式 5

1.4 开发工具WebStorm简介 6

1.4.1 WebStorm的下载 6

1.4.2 WebStorm的安装 7

1.5 创建第一个Vue实例 9

[实例1.1] 输出“Hello Vue.js” 9

本章知识思维导图 12

第2章 基础特性 13 视频讲解:7节,61分钟

2.1 Vue实例及选项 14

2.1.1 挂载元素 14

2.1.2 数据 14

2.1.3 方法 15

2.1.4 生命周期钩子函数 16

2.2 数据绑定 17

2.2.1 插值 17

[实例2.1] 插入文本 17

[实例2.2] 插入HTML内容 18

[实例2.3] 为元素设置样式 18

[实例2.4] 为图片绑定属性 20

[实例2.5] 获取QQ邮箱地址中的QQ号 21

2.2.2 过滤器 21

[实例2.6] 获取当前的日期、星期和时间 22

[实例2.7] 截取新闻标题 23

2.2.3 指令 25

本章知识思维导图 26

第3章 条件判断 27 视频讲解:7节,34分钟

3.1 v-if指令 28

3.1.1 基本用法 28

3.1.2 在元素中使用v-if 28

3.2 v-else指令 29

[实例3.1] 判断2021年2月份的天数 29

3.3 v-else-if指令 30

[实例3.2] 判断空气质量状况 30

3.4 应用key属性管理可复用的元素 31

3.5 v-show指令 33

3.5.1 基本用法 33

[实例3.3] 切换图片的显示和隐藏 33

3.5.2 v-if和v-show的比较 34

本章知识思维导图 34

第4章 列表渲染 35 视频讲解:6节,52分钟

4.1 应用v-for指令遍历数组 36

4.1.1 基本用法 36

[实例4.1] 输出省份、省会以及旅游景点信息 37

4.1.2 在元素中使用v-fo/ 37

[实例4.2] 输出网站导航菜单 38

4.1.3 数组更新检测 38

[实例4.3] 输出2020年内地电影票房排行榜前十名 39

4.2 应用v-for指令遍历对象 41

4.2.1 基本用法 41

4.2.2 向对象中添加属性 43

4.3 应用v-for指令遍历整数 44

[实例4.4] 输出九九乘法表 44

本章知识思维导图 46

第5章 计算属性 47 视频讲解:3节,28分钟

5.1 基本用法 48

5.1.1 什么是计算属性 48

5.1.2 计算属性的应用 48

[实例5.1] 统计购物车中的商品总价 49

5.2 getter和sette/ 50

5.2.1 gette/ 50

5.2.2 sette/ 51

5.3 计算属性缓存 52

本章知识思维导图 53

第6章 监听属性 54 视频讲解:3节,19分钟

6.1 基本用法 55

6.1.1 什么是监听属性 55

6.1.2 监听属性的应用 55

[实例6.1] 实现汇率换算 56

6.2 deep选项 56

6.3 计算属性和监听属性的比较 57

本章知识思维导图 58

第2篇 核心技术篇

第7章 样式绑定 60 视频讲解:4节,38分钟

7.1 class属性绑定 61

7.1.1 对象语法 61

[实例7.1] 为书名添加颜色 62

[实例7.2] 以垂直方式从右向左显示文本 65

7.1.2 数组语法 66

7.2 内联样式绑定 68

7.2.1 对象语法 68

[实例7.3] 为搜索框绑定样式 69

[实例7.4] 竖向导航菜单 70

7.2.2 数组语法 71

本章知识思维导图 73

第8章 事件处理 74 视频讲解:6节,38分钟

8.1 事件监听 75

8.1.1 使用v-on指令 75

[实例8.1] 统计单击按钮的次数 75

8.1.2 事件处理方法 75

[实例8.2] 动态改变页面的背景颜色 76

[实例8.3] 动态改变图片透明度 77

[实例8.4] 为图片添加和去除边框 78

8.1.3 使用内联JavaScript语句 79

8.1.4 实战应用 80

[实例8.5] 二级联动菜单 80

8.2 事件处理中的修饰符 82

8.2.1 事件修饰符 82

8.2.2 按键修饰符 83

[实例8.6] 按下回车键自动切换焦点 84

本章知识思维导图 86

第9章 表单控件绑定 87 视频讲解:13节,95分钟

9.1 绑定文本框 88

9.1.1 单行文本框 88

[实例9.1] 搜索图书信息 88

9.1.2 多行文本框 89

[实例9.2] 限制用户输入字数 90

9.2 绑定复选框 91

9.2.1 单个复选框 91

[实例9.3] 切换注册按钮的状态 92

9.2.2 多个复选框 93

[实例9.4] 实现复选框的全选、反选和全不选操作 94

9.3 绑定单选按钮 95

[实例9.5] 模拟查询话费流量的功能 96

9.4 绑定下拉菜单 97

9.4.1 单选 97

[实例9.6] 更换页面主题 98

9.4.2 多选 99

[实例9.7] 选择职位 100

9.5 值绑定 101

9.5.1 单选按钮 101

9.5.2 复选框 101

9.5.3 下拉菜单 102

9.6 使用修饰符 103

9.6.1 lazy 103

9.6.2 numbe/ 103

9.6.3 trim 104

本章知识思维导图 105

第10章 自定义指令 106 视频讲解:7节,40分钟

10.1 注册指令 107

10.1.1 注册全局指令 107

10.1.2 注册局部指令 107

10.2 钩子函数 108

[实例10.1]为图片设置边框 110

[实例10.2] 通过下拉菜单设置文字大小 110

10.3 自定义指令的绑定值 111

10.3.1 绑定数值常量 111

10.3.2 绑定字符串常量 112

10.3.3 绑定对象字面量 112

10.4 实战应用 112

[实例10.3] 实现元素的随意拖动 113

本章知识思维导图 115

第11章 组件 116 视频讲解:21节,127分钟

11.1 注册组件 117

11.1.1 注册全局组件 117

11.1.2 注册局部组件 119

11.2 数据传递 120

11.2.1 什么是Prop 120

11.2.2 Prop的大小写 121

11.2.3 传递动态Prop 121

[实例11.1] 输出影片信息 122

11.2.4 Prop验证 124

11.3 自定义事件 127

11.3.1 自定义事件的监听和触发 127

[实例11.2] 单击按钮放大文本 127

[实例11.3] 导航菜单效果 128

11.3.2 将原生事件绑定到组件 130

11.4 内容分发 130

11.4.1 基础用法 130

11.4.2 编译作用域 131

11.4.3 后备内容 132

11.4.4 具名插槽 133

[实例11.4] 输出简单商品信息 133

11.4.5 作用域插槽 135

[实例11.5] 输出人物信息列表 136

11.5 混入 137

11.5.1 基础用法 137

11.5.2 选项合并 138

11.5.3 全局混入 140

11.6 动态组件 141

11.6.1 基础用法 141

[实例11.6] 实现文字选项卡的切换 141

11.6.2 keep-alive 143

[实例11.7] 实现选项卡内容的缓存效果 143

11.7 其他用法 146

11.7.1 使用$refs访问组件 146

11.7.2 使用