封面

版权信息

译者序

NOTE

前提是Vue的性能可以和React、Angular等前端框架比肩,上手极快才有意义。关于性能方面的比较,可以查阅官方说明(https://cn.vuejs.org/v2/guide/comparison.html)

2022-07-22 15:57:41

前言

第1章 Vue.js基础

为什么选择Vue.js

安装和设置

模板(Template)、数据(Data)和指令(Directive)

v-if vs v-show

模板中的循环

属性绑定

响应式

双向数据绑定

动态设置HTML

方法

计算属性

侦听器

过滤器

使用ref直接访问元素

输入和事件

生命周期钩子

自定义指令

过渡和动画

总结

第2章 Vue.js组件

组件基础

数据、方法和计算属性

传递数据

使用插槽(slot)将内容传递给组件

自定义事件

混入

vue-loader和.vue文件

非Prop属性

组件和v-for指令

总结

第3章 使用Vue添加样式

Class绑定

内联样式绑定

用vue-loader实现Scoped CSS

用vue-loader实现CSS Modules

预处理器

总结

第4章 render函数和JSX

标签名称

数据对象

子节点

JSX

总结

第5章 使用vue-router实现客户端路由

安装

基本用法

HTML5 History模式

动态路由

嵌套路由

重定向和别名

链接导航

导航守卫

路由顺序

路由命名

总结

第6章 使用vuex实现状态管理

安装

概念

State及其辅助函数

Getter

Mutation

Action

Promise与Action

Module

总结

第7章 对Vue组件进行测试

测试单个组件

介绍vue-test-utils

查询DOM

挂载选项

模拟和存根数据

测试事件

总结

附录A 搭建Vue开发环境

附录B Vue与React

索引