问题:Vuejs组件模板是否只需要root一个元素?

我在文档中没有看到任何关于此的内容,也许我没有进行足够的搜索,但组件模板似乎与根元素一起工作“更好”(更好的意思是:它在没有根元素的情况下使用 Laravel elixir 运行gulp但运行gulp --production仅显示第一个元素)。

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

换句话说,这个模板代码在 Vue 2 中是否允许?

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

解答

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

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

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

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

VueJS 文档

# gulp # vue.js
Logo
Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐

具身智能测试题解析

问题1:具身智能（Embodied Intelligence）的核心观点强调智能的产生依赖于（ ） 正确答案：B. 智能体与环境的交互以及自身的物理形态 解析：具身智能的核心是 “智能离不开身体与环境的互动”，智能体的物理形态（如机械臂、人形机器人）和与外界的实时交互，是其产生认知、决策能力的基础，区别于纯软件的抽象智能模型。 问题2:以下哪一项是具身智能的典型应用场景？（ ） 正确答案：B.

avatar Vue

播客 | Fathym 关于 Vue 的观点

在科罗拉多州,我们有许多美景。从山顶到山谷和中间的山丘。 谈到 Vue.js,Fathym 是 JavaScript 框架的粉丝。 我们的工程总监 Jeremy Tomlinson 和品牌传播代表 Rich Kurtzman 很高兴成为 8 月中旬 Vue 播客观点的一部分。 在采访中,主持人史蒂夫爱德华兹向我们的团队询问了很多事情,包括: Fathym 是谁以及我们做什么 使用 Azure 和/

avatar Vue

带有浮动 Vue 和 Tailwind 的 Vue 下拉菜单

可用于在 Vue 应用程序中创建工具提示、弹出框和菜单的最流行的库之一是floating-vue。虽然floating-vue提供了一个Dropdown组件,但它的样式和添加其他功能(例如键盘导航)由用户决定。 我们将创建什么 我们将使用floating-vue的Dropdown组件作为基础,然后在顶部添加键盘功能。然后,我们将使用该组件使用 Tailwind 创建一个下拉菜单。 最终结果将类似于

avatar Vue