Vue3 - Fragment 片段（详细教程）

前言

对比 Vue2 ，引出并展开 Vue3 。

本文讲述了 Fragment 片段 是什么，以及使用方法和代码示例。

介绍

这是因为 Vue3 会将多个标签包含在一个 Fragment 虚拟元素中，从而 “自动” 为您套上了根节点。

Fragment 片段，是当组件的模板结构中出现多个标签时，可以不用根标签。

好处就是，减少标签层级，减小内存占用！

Vue2 示例

我们先来看一个 Vue2 的例子：

<template>
  <div>
    <header>...
1
2