
作者:(英)CallumMacrae(卡勒姆
页数:196
出版社:电子工业出版社
出版日期:2018
ISBN:9787121352997
电子书格式:pdf/epub/txt
内容简介
本书是用Vue.js构建Web应用的多方面指南。作者运用细致入微的讲解方式带你领略Vue.js的独特魅力,致力于协助你从零开始基于Vue.js创建一个Web应用。本书共7章:章介绍Vue的安装及基本用法,覆盖大量Vue核心技术,诸如响应式原理、生命周期钩子等;第2章到第6章进入Vue高阶世界,通过在丰富的组件特性中遨游,教你使用vue-router和vuex来实现客户端路由和状态管理,以此完善整个Web应用的功能;很后一章介绍如何使用vue-test-utils这一官方测试利器来为组件编写单元测试,从而保证Web应用的正常运行;附录分别介绍vue-cli用法及Vue 与React之间的异同。本书适合对HTML和JavaScript已有一定了解,正在准备或已经使用Vue.js进行Web应用开发的从业者,也适合希望通过学习框架使用来提升对其认识的开发人员,有React使用经验的读者同样可从中获得启发。
作者简介
Callum Macrae 是一位在英国伦敦就职于Sam Knows的JavaScript开发工程师。Sam Knows致力于让所有人都拥有更快的互联网。他热衷于将Vue与SVG相结合,并定期为开源项目做贡献,包括gulp和他自己的一些项目。关于这些,无论是GitHub还是Twitter,都能通过@callumacrae发掘到更多。
刘腾辉,资深JavaScript开发工程师。曾在豪氏威马(福建)有限公司任电气工程师,现在福建泉州环宇通信息科技股份有限公司任全栈开发工程师。
本书特色
本书是用Vue.js构建Web应用的全方位指南。作者运用细致入微的讲解方式带你领略Vue.js的独特魅力,致力于协助你从零开始基于Vue.js创建一个Web应用。本书共7章:第1章介绍Vue的安装及基本用法,覆盖大量Vue核心技术,诸如响应式原理、生命周期钩子等;第2章到第6章进入Vue高阶世界,通过在丰富的组件特性中遨游,教你使用vue-router和vuex来实现客户端路由和状态管理,以此完善整个Web应用的功能;最后一章介绍如何使用vue-test-utils这一官方测试利器来为组件编写单元测试,从而保证Web应用的正常运行;附录分别介绍vue-cli用法及Vue 与React之间的异同。本书适合对HTML和JavaScript已有一定了解,正在准备或已经使用Vue.js进行Web应用开发的从业者,也适合希望通过学习框架使用来提升对其认识的开发人员,有React使用经验的读者同样可从中获得启发。
目录
第 1 章 Vue.js 基础 ……………………………………………………………..1
为什么选择 Vue.js ……………………………………………………………………………………..1
安装和设置 ………………………………………………………………………………………………4
vue-loader 和 webpack ………………………………………………………………………….4
模板(Template)、数据(Data)和指令(Directive)…………………………………….6
v-if vs v-show ………………………………………………………………………………………….10
模板中的循环 …………………………………………………………………………………………11
属性绑定 ………………………………………………………………………………………………..13
响应式 ……………………………………………………………………………………………………15
响应式如何实现 ………………………………………………………………………………..16
注意事项 ………………………………………………………………………………………….17
双向数据绑定 …………………………………………………………………………………………19
动态设置 HTML ……………………………………………………………………………………..21
方法 ………………………………………………………………………………………………………22
this…………………………………………………………………………………………………..23
计算属性 ………………………………………………………………………………………………..24
侦听器 ……………………………………………………………………………………………………27
监听 data 对象中某个对象的属性 ………………………………………………………..29
获取旧值 ………………………………………………………………………………………….29
深度监听 ………………………………………………………………………………………….30
过滤器 ……………………………………………………………………………………………………30
使用 ref 直接访问元素 ……………………………………………………………………………..33
输入和事件 …………………………………………………………………………………………….33
v-on 简写 ………………………………………………………………………………………….34
事件修饰符 ………………………………………………………………………………………34
生命周期钩子 …………………………………………………………………………………………37
自定义指令 …………………………………………………………………………………………….38
钩子函数参数 ……………………………………………………………………………………40
过渡和动画 …………………………………………………………………………………………….41
CSS 过渡 ………………………………………………………………………………………….41
JavaScript 动画 ………………………………………………………………………………….44
总结 ………………………………………………………………………………………………………46
第 2 章 Vue.js 组件 ……………………………………………………………47
组件基础 ………………………………………………………………………………………………..47
数据、方法和计算属性 …………………………………………………………………………….48
传递数据 ………………………………………………………………………………………………..49
Prop 验证 ………………………………………………………………………………………….50
Prop 的大小写 …………………………………………………………………………………..51
响应式 ……………………………………………………………………………………………..52
数据流和 .sync 修饰符 ……………………………………………………………………….53
自定义输入组件与 v-model …………………………………………………………………56
使用插槽(slot)将内容传递给组件 ………………………………………………………….57
默认内容 ………………………………………………………………………………………….58
具名插槽 ………………………………………………………………………………………….59
作用域插槽 ………………………………………………………………………………………60
自定义事件 …………………………………………………………………………………………….62
混入 ………………………………………………………………………………………………………65
混入对象和组件的合并 ………………………………………………………………………67
vue-loader 和 .vue 文件 …………………………………………………………………………….68
非 Prop 属性 …………………………………………………………………………………………..70
组件和 v-for 指令 ……………………………………………………………………………………71
总结 ………………………………………………………………………………………………………74
第 3 章 使用 Vue 添加样式 ………………………………………………….77
Class 绑定 ………………………………………………………………………………………………77
内联样式绑定 …………………………………………………………………………………………79
数组语法 ………………………………………………………………………………………….80
多重值 ……………………………………………………………………………………………..80
用 vue-loader 实现 Scoped CSS …………………………………………………………………81
用 vue-loader 实现 CSS Modules ……………………………………………………………….82
预处理器 ………………………………………………………………………………………………..83
总结 ………………………………………………………………………………………………………83
第 4 章 render 函数和 JSX ………………………………………………….85
标签名称 ………………………………………………………………………………………………..86
数据对象 ………………………………………………………………………………………………..86
子节点 ……………………………………………………………………………………………………88
JSX ……………………………………………………………………………………………………….89
总结 ………………………………………………………………………………………………















