广告：宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

问题：为什么vue3需要对引入的组件使用markRow？

<template><div><component :is="A"></component></div></template><script>import A from './A';export default {name: 'Home',data() {return {}},components: { A },}

<template><ul><liv-for='(item,index) in tabList':key='index'@click='change(index)'>{{ item.name }}</li></ul><keep-alive><component :is="currentComponent"></component></keep-alive></template><script setup>import A from '../components/A.vue'import B from '../components/B.vue'import C from '../components/C.vue'let tabList = reactive([{name:'组件A',com:markRaw(A)},{name:'组件B',com:markRaw(B)},{name:'组件C',com:markRaw(C)}]);let currentComponent = reactive({com:tabList[0]});const change = ( idx )=>{currentComponent = tabList[idx].com;}

以上就是vue3动态组件如何使用的详细内容，更多请关注9543建站博客其它相关文章！

广告：SSL证书一年128.66元起，点击购买~~~