本文主要是介绍mounted 生命周期和 keep-alive 中 activated 生命周期的优先级,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
结论先行:
在优先级上, mounted 生命周期高于 activated 生命周期。
分析:
在 Vue 中,mounted 生命周期是指一个组件被挂载到 DOM 中后触发的钩子函数。
而 keep-alive 是一个用来缓存组件的抽象组件,它自身没有任何展示效果,只是将内部包含的组件缓存起来,从而能够在需要时快速地切换到缓存的组件。当一个组件被 keep-alive 包裹时,那该组件就多了2个生命周期,分别是 activated 和 diactivated。
当一个组件第一次被挂载时,mounted 生命周期会被触发,同时 keep-alive 中的缓存组件还没有被渲染,因此 activated 生命周期并不会被触发。只有当一个被缓存的组件被激活后(比如从其他页面返回到该组件所在的页面),activated 生命周期才会被触发。
因此,优先级上 mounted 生命周期高于activated 生命周期。
这篇关于mounted 生命周期和 keep-alive 中 activated 生命周期的优先级的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!