| 作者 |
| (英)Callum Macrae(卡勒姆·麦克雷) |
| 丛书名 |
| 出版社 |
| 电子工业出版社 |
| ISBN |
| 9787121352997 |
| 简要 |
| 简介 |
| 内容简介书籍计算机书籍 本书是用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使用经验的读者同样可从中获得启发。 |
| 目录 |
| 前言 .............................................................................................xi 第 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 总结 .....................................................................................................................91 第 5 章 使用 vue-router 实现客户端路由 ......................................93 安装 .....................................................................................................................93 基本用法 ..............................................................................................................94 HTML5 History 模式 ...........................................................................................96 动态路由 ..............................................................................................................97 响应路由变化 ................................................................................................98 路由参数作为组件属性传入 .......................................................................100 嵌套路由 ............................................................................................................101 重定向和别名 ....................................................................................................103 链接导航 ............................................................................................................104 tag 属性 .......................................................................................................105 active-class 属性 ..........................................................................................106 原生事件 .....................................................................................................107 编程式导航 .................................................................................................107 导航守卫 ............................................................................................................108 路由独享守卫 ..............................................................................................110 组件内部守卫 .............................................................................................. 111 路由顺序 ............................................................................................................112 404 页面 ......................................................................................................113 路由命名 ............................................................................................................114 总结 ...................................................................................................................115 第 6 章 使用 vuex 实现状态管理 ................................................117 安装 ...................................................................................................................118 概念 ...................................................................................................................119 State 及其辅助函数 ............................................................................................121 State 辅助函数.............................................................................................122 Getter .................................................................................................................124 Getter 辅助函数 ...........................................................................................126 Mutation .............................................................................................................126 Mutation 辅助函数 ......................................................................................128 Mutation 必须是同步函数 ...........................................................................128 Action ................................................................................................................129 Action 辅助函数 ..........................................................................................130 参数解构 .....................................................................................................131 Promise 与 Action ..............................................................................................131 Module ...............................................................................................................132 文件结构 .....................................................................................................134 带命名空间的模块 ......................................................................................135 总结 ...................................................................................................................137 第 7 章 对 Vue 组件进行测试 .....................................................139 测试单个组件 ....................................................................................................139 介绍 vue-test-utils ..............................................................................................141 查询 DOM ..........................................................................................................142 挂载选项 ............................................................................................................143 模拟和存根数据 .................................................................................................145 测试事件 ............................................................................................................146 总结 ...................................................................................................................148 附录 A 搭建 Vue 开发环境 .........................................................149 附录 B Vue 与 React ................................................................153 索引 ..........................................................................................171 |