<template>
<div>
<button @click="currentComponent = ComponentA">Load Component A</button>
<button @click="currentComponent = ComponentB">Load Component B</button>
<component :is="currentComponent"></component>
</div>
</template>
<script setup>
import ComponentA from '../components/ComponentA.vue';
import ComponentB from '../components/ComponentB.vue';
import { shallowRef } from 'vue'
let currentComponent = shallowRef(ComponentA)
</script>vue3动态组件
最新推荐文章于 2024-04-30 11:19:38 发布
本文介绍了如何在Vue应用中使用``标签和`shallowRef`实现动态加载ComponentA和ComponentB。通过点击按钮切换当前显示的组件，展示了Vue组件的动态管理机制。
127
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
