vue 生命周期 和 生命周期的执行顺序

Posted 2023-03-16

参考技术A 参考资料

组件初始化过程：

组件更新过程：

组件销毁过程：

1、所有的生命周期钩子自动绑定 this 上下文到实例中
2、父子组件的生命周期都是同步执行的，如果在父组件中进行异步接口请求，并用于子组件渲染，建议在子组件的标签加上 v-if="传递的数据" ，或者还可以在子组件中使用 watch 监听
3、虽然 updated 函数会在数据变化时被触发，但却不能准确的判断是那个属性值被改变，所以在实际情况中用 computed 或 watch 函数来监听属性的变化
4、在使用 vue-router 时有时需要使用 keep-alive 来缓存组件状态，这个时候 created 等组件初始化钩子就不会被重复调用了，只能触发 activated、deactivated 这两个 keep-alive 专属钩子