作者:php辉子 | 来源:互联网 | 2023-06-25 18:59
1.动态组件的作用
动态组件指的是
动态切换组件的显示与隐藏
。
动态组件可以拆分为:
① 是组件的
占位符
② 通过
is 属性
动态指定
要渲染的组件名称
③
is
="要渲染的组件的名称">
2. 如何实现动态组件渲染
主要原理是改变了子组件的标签占位符,来完成组件的动态渲染
3. 使用 keep-alive 保持状态
默认情况下,切换动态组件时
无法保持组件的状态
。
此时可以使用 vue 内置的
组件保持动态组件的状态。
这句话在实际应用场景该怎么理解呢,就是说组件在切换的过程中不会保存data数据,通过
使用
这个标签,可以保存数据
它的底层原理:在组件切换的过程中,组件被重新创建和销毁,于是数据就被清除了
的使用方法也很简单&#xff0c;仅仅在<
component>外层作一层包裹就行了
好了 上面的内容基本上就是动态组件的使用方法