vue 动态组件用于实现在指定位置上,动态加载不同的组件,核心代码为:
<component :is="componentTag"></component>
data() {
return {
componentTag: '',
}
}
componentTag 为自定义的变量,将需要加载的组件名赋值给它,即可在<component />标签出现的位置,渲染该组件。
这个是vue的组件,is=要渲染的组件,不会更新路由,不会更新初始化函数mounted和created。刷新页面后会跳回默认显示页面;
缺点
需要引入所有要显示的组件,并且components:{声明},