在 vue2.x
中,每个组件只能有一个根,所以,写每个组件模板时都要套一个父元素。
在 vue3
中,为了更方便的书写组件模板,新增了一个类似 dom
的标签元素 <Fragment></Fragment>
,也就是 vue3
中组件可以拥有多个根了。
这样做的好处在于:减少标签层级, 减小内存占用。
<template>
<div>
<h1>Fragments,碎片化节点</h1>
</div>
<div>
在 vue2.x
中,每个组件只能有一个根,所以,写每个组件模板时都要套一个父元素。
在 vue3
中,为了更方便的书写组件模板,新增了一个类似 dom
的标签元素 <Fragment></Fragment>
,也就是 vue3
中组件可以拥有多个根了。
这样做的好处在于:减少标签层级, 减小内存占用。
<template>
<div>
<h1>Fragments,碎片化节点</h1>
</div>
<div>