使用keep alive会经历哪些钩子函数
时间: 2024-04-25 12:25:56 浏览: 69
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
5星 · 资源好评率100%
使用keep alive会经历以下钩子函数:
1. activated: 当被包含的组件被激活时,该钩子函数会被调用。
2. deactivated: 当被包含的组件被停用时,该钩子函数会被调用。
3. mounted: 当被包含的组件挂载到 DOM 上时,该钩子函数会被调用。
4. updated: 当被包含的组件更新时,该钩子函数会被调用。
5. beforeRouteUpdate: 在被包含的组件的路由更新之前,该钩子函数会被调用。
6. beforeRouteLeave: 在被包含的组件的路由离开之前,该钩子函数会被调用。
需要注意的是,以上钩子函数只有在keep alive中的组件是动态组件(即使用v-bind:is动态绑定组件)或者是通过组件的name属性进行缓存时才会被调用。如果keep alive中的组件是静态组件(即使用组件标签直接引入),则不会触发以上钩子函数。
阅读全文