vue3快速入门-Fragment(片段)

查看本系列文章合集click me

下载本系列文章源码click me

vue2: 组件的模板结构中出现多个标签时，需要使用根标签进行包裹。
vue3: 组件的模板结构中出现多个标签时，可以不用根标签。这是因为vue3会将多个标签包含在一个Fragment虚拟元素中

好处: 减少标签层级, 减小内存占用

<template>
  <h2>多标签1</h2>
  <h2>多标签2</h2>
  <h2>多标签3</h2>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    return {};
  },
});
</script>