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

原答案是我在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
中有提到定义全局组件的方式:

Define Global Components

在src目录下建立components.d.ts文件,输入以下内容:

import MyButton from "@/components/MyButton.vue";

declare module "@vue/runtime-core" {
    export interface GlobalComponents {
        MyButton: typeof MyButton;
    }
}

export {};

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

你可能感兴趣的:(vue3注册全局组件在vscode中没有智能提示问题)