小技巧

根据字符串获取全局组件

方法就是把app应用挂载到依赖项上，在需要的通过inject获取app然后app.component就能获取到已经注册的全局组件了。

// main.js 把应用实例挂载到依赖项上
import ArcoVueIcon from '@arco-design/web-vue/es/icon' 
const app = createApp(App)
app.use(ArcoVueIcon)  // 全局注册icon组件
app.provide('app', app)  // 挂载app

// 组件中使用
const app = inject('app')
// 具体组件的名称可以打开源码查看
const icon = app.component('IconSettings')  // 可以返回已经注册的组件

强制刷新组件

有时候你希望组件重新挂载，也就是让这个组件属性，可以给组件设置key属性，修改它来让vue自动刷新这个组件

// key = ref(0)
// 改变key的值，组件就会自动刷新，这时候会调用一些生命周期函数
<my-button :key="key" />