vue3中如何使用动态组件

1、要想实现动态组件，首先要将每个组件在main.ts进行全局注册，如下图：

 2、在需要使用动态组件的位置写如下代码即可：

<div v-for="item in list" :key="item.name">
  <component :authority="item.authority" :is="item.name"></component>
</div>


let list = [
  {
    name: 'basic', // 动态组件名字
    authority: false, // 需要给动态组件的传值
  }，
  {
    name: 'personnel',
    authority: false, 
  }，
]