1. 首页
  2. 编程语言
  3. Javascript
  4. vue中activated的用法

vue中activated的用法

上传者: 2021-08-24 06:57:34上传 PDF文件 103.34 KB 热度 15次

keep-alive包裹动态组件的时候,会缓存不活动的组件实例,而不是摧毁他们。activated先说下这个生命周期钩子,官网说其是在服务器端渲染期间不被调用,我们在2个组件中分别打印出其钩子函数执行情况。我们可以看到在执行components1时候其是执行了activated钩子函数的,而components2则没有,因为components2并没有被包裹,所以其并不会激活该钩子函数。当我们再切换一次路由的时候又发现了神奇的地方组件1中只执行activated钩子钩子函数,而组件2则把创建和挂载的钩子函数都执行了。

下载地址
用户评论