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