转载: 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