vue的生命周期

vue的生命周期

根实例在初始化的时候会调用很多的方法，调取的这些方法就是钩子函数

1. beforeCreate：执行时组件实例还没未创建，通常用于插件开发中执行一些初始化任务
2. created：组件初始化完毕，各类数据可以使用，常用于异步数据获取
3. beforeMount：未执行渲染、更新、dom未创建
4. mounted： 初始化结束，dom已创建
5. beforeUpdate：更新前可用于获取更新前各种状态
6. updated：更新后，所有的状态是最新
7. beforeDestroy：销毁前，可用于一些定时器或订阅的取消
8. destroyed:组件已销毁
9. activated:被 keep-alive 缓存的组件激活时调用
10. deactivated :被 keep-alive 缓存的组件失活时调用。
11. errorCaptured:在捕获一个来自后代组件的错误时被调用

简述整个生命周期的过程

1. new vue 实例的时候先初始化实例上的方法,包括vue自带的发布订阅的一些方法$on $once $off $emit 还有生命周期
2. 调取beforeCreated 之后在注入数据及响应式的数据变化(在此函数中打印vue,实例上没有data 及methods该函数执行以后才会注入)
3. 调取created，是否有el属性，yes==>是否有模板 no==>是否含有vm.$mount（#app） ==>是否有模板 (确保有编译的元素)
4. 是否有模板 ，有render函数渲染，没有使用外部的html即可
5. 执行beforeMount 以后创建的vm.$el 替换掉el,替换完执行 mounted 真实的dom 渲染完了，可以操作dom了
6. 当data 发生变化的时候会执行beforeUpdate,这一次虚拟dom和上次的虚拟dom进行比较如果有变化就派发形成真是的dom 执行updated
7. 当vm 销毁的时候调取的是 beforeDestroy之后移除监听器，定时器或者解绑事件及子组件

注意：子组件和父组件的mounted 方法会先走哪一个
答案：先走子组件，子组件挂载完成后，再触发父组件的挂载