vue学习指南

vue学习指南

vue
-组件使用
slot、父子组件传递、动态组件、组件递归（name属性+vfor）
-vuex
mutations 固有参数是state
this.$store.state,commit()returnthis.$store.state.count; == …mapState({count: state => state.count})
actions 固有参数是context 是state的父级 包括state\getters
this.$store.dispatch()
-路由
beforeEnter: (to, from, next) // 路由有 全局钩子，独享钩子，组件内钩子

-组件通讯
provider/inject 2.2 祖先组件对子组件穿透传值

-生命周期
beforeCreate: 在实例初始化之后，数据观测和event/watcher事件配置之前被调用。
|
| observe data \ init events
|
created: 实例已经创建完成之后被调用。在这一步，实例已经完成以下的配置：数据观测，属性和方法的运算，watch/event事件回调。然而，挂载阶段还没开始，$el属性目前不可见||el选项没有意味着生命周期结束,直到vm.$mount(el)（手动挂载）,检验template参数选项，
|template参数选项比外部html优先级高
|
beforeMount: 在挂载开始之前被调用：相关的render函数首次被调用,该钩子在服务器端渲染期间不被调用。
|
| el选项没有意味着生命周期结束,直到vm.$mount(el)（手动挂载）,检验template参数选项，|template参数选项比外部html优先级高|mounted:el被新创建的vm.$el替换，并挂在到实例上去之后调用该钩子函数。
|
|
beforeUpdate: 数据更新时调用，发生在虚拟DOM重新渲染和打补丁之前。
|
|
updated: 由于数据更改导致的虚拟DOM重新渲染和打补丁，在这之后会调用该钩子。
|
|
activated: keep-alive组件激活时调用。
deactivated: keep-alive组件停用时调用。
beforeDestroy: 实例销毁之间调用。在这一步，实例仍然完全可用。
destroyed: 　Vue实例销毁后调用。调用后，Vue实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。