赛捷软件论坛's Archiver

vicky.yu 发表于 2023-12-8 09:16

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 函数式组件 →
写笔记
我要补充
万维广告联盟
&#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 项目开发对比

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.