mounted 生命周期和 keep-alive 中 activated 生命周期的优先级

结论先行:

在优先级上, mounted 生命周期高于 activated 生命周期。

 

分析: 

在 Vue 中,mounted 生命周期是指一个组件被挂载到 DOM 中后触发的钩子函数。

而 keep-alive 是一个用来缓存组件的抽象组件,它自身没有任何展示效果,只是将内部包含的组件缓存起来,从而能够在需要时快速地切换到缓存的组件。当一个组件被 keep-alive 包裹时,那该组件就多了2个生命周期,分别是 activated 和 diactivated。

当一个组件第一次被挂载时,mounted 生命周期会被触发,同时 keep-alive 中的缓存组件还没有被渲染,因此 activated 生命周期并不会被触发。只有当一个被缓存的组件被激活后(比如从其他页面返回到该组件所在的页面),activated 生命周期才会被触发。

因此,优先级上 mounted 生命周期高于activated 生命周期。

你可能感兴趣的:(每日专栏,Vue1.x和Vue2.x,vue.js,前端,javascript)