vue3全局注册组件

Posted 2023-05-31 游戏三昧的木笔

在main.ts里面直接引入并使用即可

// 全局注册组件
import SvgIcon from "@/components/SvgIcon/index.vue";
app.component("SvgIcon", SvgIcon);

　　

vue3注册全局组件在vscode中没有智能提示问题

参考技术A 原答案是我在stackoverflow中找到的： https://stackoverflow.com/questions/69010567/how-to-make-vscode-recognize-global-component-in-vue
在vue3中可以通过 create(App).component("MyButton", MyButton).mount("#app") 的方式注册全局组件，但是注册的全局组件在vscode中没有智能提示。
vue3文件的智能提示是volar提供的，其实在volar的 README
中有提到定义全局组件的方式：

注意这里MyButton不能使用动态导入（dynamic import），但如果是库可以动态导入，如README中示例的RouterLink。