炫意html5
最早CSS3和HTML5移动技术网站之一

[Vue 3] 迁移指南 – 片段

# 片段


新增

# 概览

Vue 3 现在正式支持了多根节点的组件,也就是片段!

# 2.x 语法

在 2.x 中,由于不支持多根节点组件,当开发者意外创建一个时会发出警告。为了修复这个问题,许多组件被包裹在一个 <div> 中。

<!-- Layout.vue -->
<template>
<div>
<header>...</header>
<main>...</main>
<footer>...</footer>
</div>
</template>

# 3.x 语法

在 3.x 中,组件可以包含多个根节点!但是,这要求开发者显式定义 attribute 应该分布在哪里。

<!-- Layout.vue -->
<template>
<header>...</header>
<main v-bind="$attrs">...</main>
<footer>...</footer>
</template>

有关 attribute 继承如何工作的详细信息,见非 Prop 的 Attribute。

炫意HTML5 » [Vue 3] 迁移指南 – 片段

CSS3教程HTML5教程