本文详细介绍了Vue实例从创建到销毁的生命周期钩子函数，包括beforeCreate、created、beforeMount、mounted等阶段，以及数据更新和销毁时的相关钩子。同时，重点讨论了keep-alive组件在组件缓存中的作用，如何在激活和非激活状态时触发activated和deactivated钩子，以实现性能优化。
Vue实例的产生过程 生命周期
- beforeCreate 在实例初始化之后, 数据观测和事件配置之前被调用
- created 在实例创建完成后被立即调用
- beforeMount 在挂载开始之前被调用
- mounted el被新创建的vm.$el替换, 并挂载到实例上去之后调用的该钩子
- beforeUpdate 数据更新时调用, 发生在虚拟DOM打补丁之前
- updated 由于数据更改导致的虚拟DOM重新渲染和打补丁, 在这之后会调用该钩子
- beforeDestroy 实例销毁之前调用
- destroyed 实例销毁后调用
keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素
当组件在keep-alive内被切换时组件的activated、deactivated这两个生命周期钩子函数会被执行
activated
和上面的beforeDestroy和destroyed用法差不多，但是如果我们需要一个实例，在销毁后再次出现的话，用beforeDestroy和destroyed的话，就太浪费性能了。
实例被激活时使用，用于重复激活一个实例的时候
deactivated
实例没有被激活时，
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
