vue2中动态组件的使用和渲染方式:

331 阅读1分钟

动态组件的使用和渲染方式:

1、定义几个组件

2 、引入并注册组件,主要是为了让组件有名称

3、添加component,设置is属性为某个组件名称。is属性一定要设置,否则会报错,想切换组件只能改变is后面变量的值

4、单击连接,让is的值发生变化,值变化展示的组件就会变化

使用keep-alive保持状态

默认情况下,切换组件时无法保持组件的状态。此时可以使用vue2内置的组件保持动态组件的状态。

:保持组件操作状态,说白了就是能够记录组件到底进行了什么样的操作有什么样的结果

博客用.png