解决VSCode中Vetur插件对Vue3多根元素模板检测错误方法.pdfVIP

在vue2中，temte只允许存在一个根元素，但是这种情况在vue3里发生了一些变化。

在Vue3中开始支持temte存在多个根元素了。但是因为VSCode中的一些插件没有及时更新，所以当你在temte中写入

多个根元素时，有可能会出现以下的错误：

![image-20210717190311264](…/…/…/基于vue-element-admin的综合解决方案/图文节/第二章：大厂编程规范解决方

案之ESLint+GitHooks.assets/image-20210717190311264.png)

出现这个问题的主要是：vetur这个vsCode插件依然按照vue2的单一根元素逻辑进行检测，所以会出现提示错误的问

题。

但是大家要注意，虽然这样不太好看，但是该问题并不影响代码运行！

如果你实在觉得这样太丑的话，那么可以通过以下方案来取消vetur对temte的检测：

1.在VSCode的设置中，搜索vetur，找到如下设置，取消勾选

![image-20210717190629024](…/…/…/基于vue-element-admin的综合解决方案