Vue基础知识

Vue特性：

1. 双向数据绑定
2. 通过 指令 扩展了 HTML，通过 表达式 绑定数据到 HTML
3. 解耦视图与数据
4. 可复用组件
5. 虚拟DOM -> 对象
6. M-V-VM
7. 数据驱动视图

Vue声明周期：

1. beforeCreate创建前状态，created创建完毕状态
2. beforeMount挂载前状态，mounted 挂载结束状态
3. beforeUpdate 更新前状态，updated 更新完成状态
4. beforeDestroy 销毁前状态，destroyed 销毁完成状态

Vue组件传值：

1. 父传子：①在子组件中通过props声明自定义属性title；②注册局部组件；③使用子组件时,设置props选项, 通过自定义属性获取父组件的值
2. 子传父：①在子组件中，this.$emit(自定义事件名，数据)；②使用子组件时，调用父组件methods中的方法；③定义父组件的methods方法中，方法的参数fn（argv）中argv就是传过来的数据
3. 兄弟之间传值：①A组件触发事件 VM.$emit（事件名.数据）；②B组件绑定事件 VM.$on（事件名，（参数）{代码体}）；③不同的组件共用一个VM实例（建一个js模块，导出一个VM对象），中央事件总线

VueX状态：

1. state（状态）数据声明/响应式
2. actions（行为）异步操作/把结果commit给mutations
3. mutations（方法）改变state的方法/同步的方法

router和route

1. $router路由实例对象，通常用来调方法，（编程式导航this.$router.push()）
2. $route路由配置对象，通常用作取值，（js代码中获取参数值this.$route.params. 
   形参）