首页 > 编程知识 正文

vue生命周期页面销毁,vue生命周期图

时间:2023-05-05 14:02:46 阅读:147667 作者:2792

转载: https://www.Jian Shu.com/p/0272 c0fe 9392

vue官方网站说明:

包装动态组件时,将缓存非活动组件实例,而不是丢弃它们。 和一样,是抽象组件。 DOM元素本身不会被渲染,也不显示在父组件链中。

在组件切换时,将对应地执行两个生命周期挂接函数: activated和deactivated。

根据说明,缓存非活动组件,而不是销毁。 这样,组件之间的切换就可以保存上一个组件的状态,而不是在切换后重新操作。

首先定义两个程序集

A组件. png

b组件. png

父程序集的内容

父组件. png

接口如下所示。

界面效果. png

点击按钮a切换到a组件。 您可以看到已执行了created和activated。 然后,将a组件的show切换为hide,进行组件的切换。

效果如下。

当看到分离的a组件时,将执行deactivated (每次离开当前组件时执行),返回并执行activated (每次返回activated时执行),并且created未运行然后,在组件切换之前修改的hide可以在返回时保持hide,并一直保存组件的状态。

33559 www.icode9.com/content-4-712401.html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。