本文主要是介绍vue动态组件--------eg:tabs切换，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
通过 Vue 的 <component> 元素加一个特殊的 is attribute 来实现
<template>
<div><component :is="comp"></component><button type="button" @click="change('A')">Vue</button><button type="button" @click="change('B')">HTML</button><button type="button" @click="change('C')">JavaWeb</button>
</div>
</template><script>
import comA from "@/components/comA";//组件comA对应页面内容
import comB from "@/components/comB";
import comC from "@/components/comC";
export default {name: "DynamicComponents",data(){return {comp:'comA'}},methods:{change(value){this.comp = 'com' + value}},components:{comA,comB,comC}
}
</script>
<style scoped></style>实现效果类似：
参考文档：
https://blog.csdn.net/hssjsh/article/details/127455195
这篇关于vue动态组件--------eg:tabs切换的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
