脚本宝典收集整理的这篇文章主要介绍了Vue 3.0 片段，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

#概览

在 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。

脚本宝典总结

以上是脚本宝典为你收集整理的Vue 3.0 片段全部内容，希望文章能够帮你解决Vue 3.0 片段所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。