vue3:即时原型化多个根元素

Question

在安装了@vue/cli和@vue/cli-service-global之后，我尝试在Vue3中使用即时原型，得到了这个错误：

Failed to compile.

./Alert.vue
Module Error (from /usr/local/lib/node_modules/@vue/cli-service-global/node_modules/eslint-    loader/index.js):

/home/xrfang/git/deployer/gui/src/components/Alert.vue
5:3  error  The template root requires exactly one element  vue/no-multiple-template-root

✖ 1 problem (1 error, 0 warnings)

据我所知，“模板根目录只需要一个元素”是Vue2的一个要求，Vue3应该允许在一个模板中有多个根元素吗？

Answer 1

正如this answer建议的那样，将模板标记内的所有代码包装在一个父div中。

否则，要简单地停止显示错误表单，Visual Studio Code (VSC)用户可以执行以下操作：

• 在VSC

中打开"extensions“

• 查找并打开"Vetur”extension by Pine Wu
• 单击齿轮并选择“extension settings"
• Scroll down to "Vetur > Validation: Template”并取消选中框

这是基于@wittgenstein上面的评论“遵循指南中的步骤：”

这对我来说很有效，但要注意，我是一个新手，上面可能有一些我没有意识到的缺点。