VUE3 入门教程 Vue 3.0 片段

2024-02-25 开发教程 VUE3 入门教程 匿名 4

#概览

在 Vue 3 中,组件现在正式支持多根节点组件,即片段!

#2.x 语法

在 2.x 中,不支持多根组件,当用户意外创建多根组件时会发出警告,因此,为了修复此错误,许多组件被包装在一个 <div>中。

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

#3.x 语法

在 3.x 中,组件现在可以有多个根节点!但是,这确实要求开发者明确定义属性应该分布在哪里。

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

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