vue生命周期
- beforeCreate:vue实例的挂载元素$el和数据对象data都为undefined，还未初始化
- created:vue实例的数据对象data有了，$el还没有
- beforeMount:vue实例的$el和data都初始化了，但还是挂载之前为虚构的dom节点，data.message还未替换
- mounted:vue实例挂载实现，data.message胜利渲染
- beforeUpdate:当data变动时，会触发beforeUpdate
- updated:从新渲染后会触发updated
- beforeDestroy:在实例销毁之前调用。在这一步，实例依然齐全可用
- destroyed:在Vue实例销毁后调用。调用后，Vue实例批示的所有货色都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁
vue-router的导航守卫
- 导航被触发。
- 在失活的组件里调用 beforeRouteLeave 守卫。
- 调用全局的 beforeEach 守卫。
- 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
- 在路由配置里调用 beforeEnter。
- 解析异步路由组件。
- 在被激活的组件里调用 beforeRouteEnter。
- 调用全局的 beforeResolve 守卫 (2.5+)。
- 导航被确认。
- 调用全局的 afterEach 钩子。
- 触发 DOM 更新。
- 调用 beforeRouteEnter 守卫中传给 next 的回调函数，创立好的组件实例会作为回调函数的参数传入。