vue动态组件、保持存活

加 component    :is  引入组件名称

vue动态组件、保持存活_第1张图片

 

 keep-alive  保持存活

  
         
 

保持存活:切换组件后,不重新渲染切换的组件,保持切换前(更改文字时)的数据

1、点击更换文字;

2、变更文字;

3、切换组件;

4、再次切换组件,【组件A的 新数据是更改后的】保持存活;不加eep-alive 则会变回第1张图

vue动态组件、保持存活_第2张图片 vue动态组件、保持存活_第3张图片vue动态组件、保持存活_第4张图片vue动态组件、保持存活_第5张图片vue动态组件、保持存活_第6张图片

你可能感兴趣的:(vue.js,javascript,前端)