码迷,mamicode.com
首页 > 其他好文 > 详细

vue的activated和deactivated生命周期

时间:2020-01-19 12:28:48      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:ted   点击   created   执行   activate   生命周期   create   它的   creat   

<keep-alive>包裹的动态组件会被缓存,它是一个抽象组件,它自身不会渲染一个dom元素,也不会出现在父组件链中。当组件在 <keep-alive> 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

如<keep-alive>包裹两个组件:组件A和组件B。当第一次切换到组件A时,组件A的created和activated生命周期函数都会被执行,这时通过点击事件改变组件A的文字的颜色,在切换到组件B,这时组件A的deactivated的生命周期函数会被触发;在切换回组件A,组件A的activated生命周期函数会被触发,但是它的created生命周期函数不会被触发了,而且A组件的文字颜色也是我们之前设置过的。

vue的activated和deactivated生命周期

标签:ted   点击   created   执行   activate   生命周期   create   它的   creat   

原文地址:https://www.cnblogs.com/hy96/p/12213144.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!