动态组件-缓存怎么做

设置动态组件需要添加component组件定义形式<component :is='给定的组件名称'/>

组件缓存:定义keep-alive组件即可;

如果组件缓存了会有两个钩子钩子可以使用:

activated:当它显示时调用

deactivated:当它隐藏时调用

在App.vue中定义

 在PassWord组件中定义:

 

 

 

在PhoneLogin组件中定义:

 

显示效果如下:

 

 

 

posted @ 2022-12-11 21:16  MetX  阅读(96)  评论(0编辑  收藏  举报