Vue 3.0 片段

vicky.yu

#概览
在 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 函数式组件 →
写笔记
我要补充
万维广告联盟
&#128202; 开源免费的 BI 工具。仅需 5 分钟，数据变大屏。众多精美可视化大屏模板等你来选。

广告

推荐文章
分享雷军22年前编写的代码
Python实用教学：如何用Python玩转各大网站
html怎么插入视频？视频如何插入页面
python怎么保留两位小数?几种方法总结！
编程入门先学什么 初学者编程入门指南
推荐教程
Vue.js 1.0 教程
whatsns开源内容付费问答系统
Vue SSR 指南
程序员书单
VUE3 教程
推荐课程
小白学前端：基于Vue3.0开发万年历（实战项目）
Vue 3.0 新特性全面解析（走在技术前沿）
Vue.js三天学习实战教程
小白学前端：Vue.js 2.0进阶
Vue、Angular、React 项目开发对比