当我创建一个新的 Vue 3 项目时 <template> 中有两个元素，并且我的 VScode 警告

There are two elements in <template> when I creat a new Vue3 project, and my VScode warning

伙计们，我正在从 vue2 过渡到 vue3。 据我所知，在 vue2 中你不能在 <template></template>

中放置 个以上的元素

但是当我创建一个新的 Vue3 项目时，您可以看到 picture.The 作者所做的代码。 是否允许在 vue3 中的 <template></template> 中放置两个元素？

如果是，为什么我的 VScode 警告第四行？

大多数情况下问题的根源：Vetur

我最近经常看到这个问题。解决方案一直是相同的：卸载 Vetur 并安装 Volar，它是 Vue 3 的新推荐扩展。

如您所见，Vue 3 不再需要组件的单个根节点，因此您有一些无法检测到它的扩展。 Vetur 在适应 Vue 3 时遇到了麻烦。也许你已经为 Vue 2 配置了一个版本。无论如何我推荐你 Volar。

如果您的问题出在 eslint 或其他 lintern 上

在 .eslintrc 配置文件中查找此 vue 插件特定规则或 package.json:

rules: { 
    ...,
    "vue/no-multiple-template-root": "off" 
}