gulp - 一个 Vuejs 组件模板只需要 root 一个元素吗？

Question

我在文档中没有看到任何关于此的信息，也许我搜索得不够，但是组件模板似乎在使用根元素时“更好”地工作(更好的意思是:它在运行 gulp 的 Laravel elixir 时没有根元素也可以工作，但是运行 gulp --production 仅显示第一个元素)。

我需要在 <template> 中只有一个根元素吗？ ？

也就是说，Vue 2 中是否允许使用此模板代码？

<template>
  <div>A</div>
  <div>B</div>
</template>

Answer 1

每个组件必须只有一个根元素。不再允许片段实例。如果您有这样的模板:

<p>foo</p>
<p>bar</p>

建议将全部内容简单地包装在一个新元素中，如下所示:

<div>
  <p>foo</p>
  <p>bar</p>
</div>

VueJS Docs