vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

起步 HTML {代码...} JavaScript {代码...} 通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前路由： {代码...} routes 选项 (Array) redirect（重定向 ） {代码...} 命名路由 {代码...} 路由元信息 定义路由的时候可以配置 meta 字段： {代码...} 嵌套路由 {代码......

*组件名可以是kebab-case (短横线分隔命名)或者PascalCase (驼峰式命名) 当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case当使用 PascalCase (驼峰式命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。*

vue指令 指令带有前缀 v-，以表示它们是 Vue 提供的特殊特性。 v-text {代码...} v-html {代码...} v-show {代码...} v-if {代码...} v-else {代码...} v-else-if {代码...} v-for {代码...} v-on {代码...} v-bind {代码...} v-model {代码...} v-pre {代码...} v-cloak {代码...} v-once //不需要表达式 //详细： //只...

计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。（不接受新的参数，只是基于data里面的数据进行计算）方法是只要其他数据发生变化，触发重新渲染时，调用方法将总会再次执行函数，性能开销比较大。（可以接受参数）

vue数据绑定 简单数据绑定 {代码...} class&style绑定 {代码...}

一个实例被创建后上面的这四个钩子函数按顺序执行，这四个函数在这个过程只会被调用一次；beforeUpdate、updated是数据更新的前后执行的；beforeDestroy、destroyed是组件销毁后执行的；activated、deactivated是组件使用<keep-alive></keep-alive>执行的，下面针对每个过程进行详解：

vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的： {代码...} 当创建一个 Vue 实例时，你可以传入一个选项对象。作为参考，你也可以在 api/#选项-数据 文档 中浏览完整的选项列表。 {代码...} vue实例属性（常用） 除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便...