（vue3 ）代码突然爆红错误，但是项目可正常运行

根据判断，怀疑存在代码语法提示吧，可能出现冲突了，具体原因分析可点击vue3 前端开发工具 vscode + eslint + prettier - vue3 项目实战

禁用 VSCode 的内置 TS 语言服务

Volar 提供了一种称为“托管模式”（Take Over Mode）的功能。在托管模式下（Take Over Mode），Volar 使用单个 TS 语言服务实例，同时支持.vue和.ts文件，为 TypeScript 提供智能提示分析。默认状态下， vscode 内置的 TypeScript 语言服务处理，会进行 TS 语法提示，同时 Volar 也提供 TS 语法提示功能，如此同时运行两个 TS 语言服务实例，这有点低效，并且可能导致大型项目中的性能问题，会有卡顿现象。

Volar 托管模式更加高效，并且 Volar 默认是开启了“托管模式”（Take Over Mode），所以我们要禁用 VSCode 的内置 TS 语言服务：

所以解决：Vue Language Features (Volar)点击禁用 工作区域，或者卸载、全部禁用  恢复正常

正常了：