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