一、使用<component>+is实现动态组件插入
<component>:一个用于渲染动态组件或元素的“元组件”。
:is : 要渲染的实际组件,当 is 是字符串,它既可以是 HTML 标签名也可以是组件的注册名。
<script>
import Foo from './Foo.vue'
import Bar from './Bar.vue'export default {components: { Foo, Bar },data() {return {view: 'Foo'}}
}
</script><template><component :is="view" />
</template>
//给组件传参
<component :is="view" :props="xxx"/>