Vue.js实战

副标题:无

作   者:梁灏

分类号:

ISBN:9787302484929

微信扫一扫,移动浏览光盘

简介


本书以Vue.js 2为基础,以项目实战的方式来引导读者渐进式学习Vue.js。本书分为基础篇、进阶篇和实战篇三部分。基础篇主要是对 Vue.js 核心功能的介绍;进阶篇主要讲解前端工程化Vue.js的组件化、插件的使用;实战篇着重开发了两个完整的示例,所涉及的内容涵盖Vue.js绝大部分API。通过阅读本书,读者能够掌握Vue.js框架主要API的使用方法、自定义指令、组件开发、单文件组件、Render函数、使用webpack开发可复用的单页面富应用等。本书示例丰富、侧重实战,适用于刚接触或即将接触Vue.js的开发者,也适用于对Vue.js有过开发经验,但需要进一步提升的开发者。

目录


目 录

第1篇 基础篇

第1章 初识Vue.js 3

1.1Vue.js是什么 3

1.1.1MVVM模式 3

1.1.2Vue.js有什么不同 4

1.2 如何使用Vue.js 5

1.2.1传统的前端开发模式 5

1.2.2Vue.js的开发模式 5

第2章 数据绑定和*个Vue应用 8

2.1Vue实例与数据绑定 9

2.1.1实例与数据 9

2.1.2生命周期 10

2.1.3插值与表达式 11

2.1.4过滤器 13

2.2 指令与事件 15

2.3 语法糖 18

第3章 计算属性 19

3.1 什么是计算属性 19

3.2 计算属性用法 20

3.3 计算属性缓存 23

第4章 v-bind及class与style绑定 25

4.1 了解v-bind指令 25

4.2 绑定class的几种方式 26

4.2.1对象语法 26

4.2.2数组语法 27

4.2.3在组件上使用 29

4.3 绑定内联样式 30

第5章 内置指令 32

5.1 基本指令 32

5.1.1v-cloak 32

5.1.2v-once 33

5.2 条件渲染指令 33

5.2.1v-if、v-else-if、v-else 33

5.2.2v-show 36

5.2.3v-if与v-show的选择 36

5.3 列表渲染指令v-for 37

5.3.1基本用法 37

5.3.2数组更新 41

5.3.3过滤与排序 43

5.4 方法与事件 44

5.4.1基本用法 44

5.4.2修饰符 46

5.5 实战:利用计算属性、指令等知识开发购物车 47

第6章 表单与v-model 55

6.1 基本用法 55

6.2 绑定值 61

6.3 修饰符 63

第7章 组件详解 65

7.1 组件与复用 65

7.1.1为什么使用组件 65

7.1.2组件用法 66

7.2 使用props传递数据 70

7.2.1基本用法 70

7.2.2单向数据流 72

7.2.3数据验证 74

7.3 组件通信 75

7.3.1自定义事件 75

7.3.2使用v-model 77

7.3.3非父子组件通信 79

7.4 使用slot分发内容 83

7.4.1什么是slot 83

7.4.2作用域 84

7.4.3slot用法 85

7.4.4作用域插槽 87

7.4.5访问slot 89

7.5 组件高级用法 90

7.5.1递归组件 90

7.5.2内联模板 92

7.5.3动态组件 93

7.5.4异步组件 94

7.6 其他 95

7.6.1$nextTick 95

7.6.2X-Templates 96

7.6.3手动挂载实例 97

7.7 实战:两个常用组件的开发 98

7.7.1开发一个数字输入框组件 98

7.7.2开发一个标签页组件 106

第8章 自定义指令 118

8.1 基本用法 118

8.2 实战 121

8.2.1开发一个可从外部关闭的下拉菜单 121

8.2.2开发一个实时时间转换指令v-time 126

第2篇 进阶篇

第9章 Render函数 133

9.1 什么是VirtualDom 133

9.2 什么是Render函数 136

9.3createElement用法 140

9.3.1基本参数 140

9.3.2约束 143

9.3.3使用JavaScript代替模板功能 147

9.4 函数化组件 153

9.5JSX 157

9.6 实战:使用Render函数开发可排序的表格组件 159

9.7 实战:留言列表 172

9.8 总结 183

第10章 使用webpack 184

10.1前端工程化与webpack 184

10.2webpack基础配置 187

10.2.1安装webpack与webpack-dev-server 187

10.2.2就是一个js文件而已 188

10.2.3逐步完善配置文件 191

10.3单文件组件与vue-loader 194

10.4用于生产环境 201

第11章 插件 206

11.1前端路由与vue-router 207

11.1.1什么是前端路由 207

11.1.2vue-router基本用法 208

11.1.3跳转 212

11.1.4高级用法 213

11.2状态管理与Vuex 216

11.2.1状态管理与使用场景 216

11.2.2Vuex基本用法 217

11.2.3高级用法 221

11.3实战:中央事件总线插件vue-bus 227

第3篇 实战篇

第12章 iView经典组件剖析 235

12.1级联选择组件Cascader 236

12.2折叠面板组件Collapse 249

12.3iView内置工具函数 257

第13章 实战:知乎日报项目开发 261

13.1分析与准备 261

13.2推荐列表与分类 265

13.2.1搭建基本结构 265

13.2.2主题日报 267

13.2.3每日推荐 271

13.2.4自动加载更多推荐列表 276

13.3文章详情页 278

13.3.1加载内容 278

13.3.2加载评论 281

13.4总结 286

第14章 实战:电商网站项目开发 288

14.1项目工程搭建 288

14.2商品列表页 290

14.2.1需求分析与模块拆分 290

14.2.2商品简介组件 291

14.2.3列表按照价格、销量排序 297

14.2.4列表按照品牌、颜色筛选 306

14.3商品详情页 309

14.4购物 车 313

14.4.1准备数据 314

14.4.2显示和操作数据 316

14.4.3使用优惠码 320

14.5总结 324

第15章 相关开源项目介绍 325

15.1服务端渲染与Nuxt.js 325

15.1.1是否需要服务端渲染 325

15.1.2Nuxt.js 326

15.2HTTP库axios 327

15.3多语言插件vue-i18n 329


已确认勘误

次印刷

页码 勘误内容 提交人 修订印次

Vue.js实战
    • 名称
    • 类型
    • 大小

    光盘服务联系方式: 020-38250260    客服QQ:4006604884

    意见反馈

    14:15

    关闭

    云图客服:

    尊敬的用户,您好!您有任何提议或者建议都可以在此提出来,我们会谦虚地接受任何意见。

    或者您是想咨询:

    用户发送的提问,这种方式就需要有位在线客服来回答用户的问题,这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问

    Video Player
    ×
    Audio Player
    ×
    pdf Player
    ×
    Current View

    看过该图书的还喜欢

    some pictures

    解忧杂货店

    东野圭吾 (作者), 李盈春 (译者)

    loading icon