問題：
image.png
解決方法：
-
利用插件解決圾结。
image.png
Volar 是官方的 VSCode 擴(kuò)展脉幢，提供了 Vue 單文件組件中的 TypeScript 支持，還伴隨著一些其他非常棒的特性臣淤。
TIP: Volar 取代了我們之前為 Vue 2 提供的官方 VSCode 擴(kuò)展 Vetur橄霉。如果你之前已經(jīng)安裝了 Vetur，請(qǐng)確保在 Vue 3 的項(xiàng)目中禁用它邑蒋。
- 在src目錄下創(chuàng)建
env.d.ts文件
declare module "*.vue" {
import type { DefineComponent } from "vue";
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
const component: DefineComponent<{}, {}, any>;
export default component;
}
image.png
