onMounted
: 在组件挂载时触发一次。onActivated
: 当keep-alive
组件从缓存中被激活时触发。如果你将当前组件包裹在keep-alive
中,激活时会调用此钩子。onDeactivated
: 当keep-alive
组件被缓存时触发。
注意事项
onActivated
只在组件从keep-alive
缓存中恢复时触发,而不是每次组件渲染时都触发。- 使用
keep-alive
可以缓存组件状态,但组件的生命周期钩子(如onActivated
和onDeactivated
)会随组件的激活和停用而触发。
vue 路由中使用keepAlive在这个组件中使用onActivated可以实现页面重新进入不会刷新,还保持原来的样子,主要用作保持页面里面的搜索条件