vue 动态组件

动态组件：动态去切换组件的显示与隐藏

<template>
  <component :is=""></component>
</template>

is：为要显示的那个组件

完整示例：

<script setup>
import New from '@/components/New'
import List from '@/components/List'
import { reactive } from 'vue';
const component = reactive({
  com:New
})
</script>
<template>
  <component :is="component.com"></component>
</template>

切换时修改值就即可