Vue3 Fragment（碎片化节点）

在 vue2.x 中，每个组件只能有一个根，所以，写每个组件模板时都要套一个父元素。

在 vue3 中，为了更方便的书写组件模板，新增了一个类似 dom 的标签元素 <Fragment></Fragment>，也就是 vue3 中组件可以拥有多个根了。

这样做的好处在于：减少标签层级, 减小内存占用。

<template><div><h1>Fragments,碎片化节点</h1></div><div><h2>Fragments，碎片化节点</h2></div><h3>Fragments，碎片化节点</h3>
</template>

页面效果：

如果在 vue 页面中有多个元素节点，那么编译时 vue 会在这些元素节点上添加一个 <Fragment></Fragment> 标签，并且该标签不会出现在 dom 树中。

Vue3 Fragment（碎片化节点）相关推荐

安卓基础学习 Day 21|Fragment(碎片）
目录 Fragment(碎片) Fragment 静态注册碎片文件碎片布局文件碎片主界面主界面实现效果 Fragment声明周期 Fragment动态注册标签栏显示界面图片和显示的文字 ...
MySQL表碎片化（Table Fragmentation）以及处理
关于MySQL中表碎片化(Table Fragmentation)产生的原因: 简单总结一下,MySQL Engine不同,碎片化的原因可能也有所差别.这里没有深入理解.分析这些差别.此文仅以Inno ...
中国工程院院士：物联网市场须走出碎片化
中国工程院院士邬贺铨从今年开始,物联网发展有几个新气象,这几个新气象将给物联网市场带来新机遇. 首先是国际窄带物联网标准的诞生.物联网中60%是低速互联,这部分互联采用光纤和移动通信,成本高也不经济 ...
论MS-Ajax导致的大对象堆碎片化问题
引言以个人的经验,在.Net下所有的OOM问题都是有解的,但有一个唯一的例外,就是GC大对象堆的碎片化问题..Net的GC程序有一个致命缺陷,就是从来不对大对象堆LOH(Large Object H ...
MongoDB磁盘空间碎片化问题排查指南
文章目录一.如何判断碎片化二.如何处理碎片化 2.1 compact 2.2 各存储引擎下compact如何释放空间三.常见处理碎片化方案 3.1 直接操作 3.2 重建collection 3 ...
从ZigBee到Matter，智能家居碎片化时代或将终结
ZigBee 走向混乱与联盟改名 ZigBee 是基于 IEEE 802.15.4 标准的无线局域网协议,前身是由 Intel.IBM 等产业巨头发起的 Home RF Lite 技术.ZigBee ...
“碎片化时代”的灵动工作与生活
涂鸦作品在网络上流行一时.诗圣杜甫严肃的古装形象与其参与的各种现代活动形成的强烈反差让人忍俊不禁.一时间,"杜甫很忙,XX也很忙"的句式更是不断延伸出来.我不知道这是否也可以算作& ...
移动时代的经济学——碎片化应用
我们正步入一个"移动互联网"的时代. 以上是一句废话.概括时代特征的词语,往往本身蕴含着机会,而机会则意味着时效:如果10年前,一个中国创业者说未来将是"移动互联网时代& ...
☆ZigBee的碎片化
ZigBee的发展也有"碎片化" --看ZigBee在各个领域的发展关键字:ZigBee.Profile.应用标准.智能家居.智慧能源.物联网.碎片化引言 2002年ZigBe ...
ZigBee的发展也有“碎片化”zigbee模块
ZigBee的发展也有"碎片化" --看ZigBee在各个领域的发展关键字:ZigBee,Profile,应用标准,物联网,碎片化引言 2002年ZigBee 联盟成立,符合Z ...

Vue3 Fragment（碎片化节点）

Vue3 Fragment（碎片化节点）相关推荐

最新文章

热门文章