其他分享
首页 > 其他分享> > vue之组件的激活activated与失活deactivated

vue之组件的激活activated与失活deactivated

作者:互联网

、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、

组件的激活activated与失活deactivated

只有与keepalive一起使用才有效。

当跳入页面就会激活,当跳出页面就会失活。

student组件:

在这里插入图片描述

显示页面

在这里插入图片描述

school组件

在这里插入图片描述

当从school页面跳转到student页面。

在这里插入图片描述

在这里插入图片描述

再从student跳出到school页面

在这里插入图片描述

尤其是当stu组件中使用beforeDestroy清除定时器时,由于stu组件已经缓存,不会被销毁,所以一直在后台执行定时器。

在这里插入图片描述

标签:school,vue,deactivated,失活,student,组件,页面
来源: https://blog.csdn.net/qq_31676483/article/details/123082296