1.Fragment支持多个根节点,Suspense可以在组件渲染之前的等待时间显示指定内容,Teleport可以让子组件能够在视觉上跳出父组件(如父组件overflow:hidden)
2.新增指令,v-memo,可以缓存html模板,比如v-for列表不会变化的就缓存,简单说就是用内存换时间
teleport传送门
一个普通的vue组件
<template>
<!-- 能够把里面的标签传送到指定标签的最后位置 -->
<Teleport to=".app">
<p>这是一个p标签</p>
</Teleeport>
<Teleport to="#aaa">
<p>这是一个p标签</p>
</Teleeport>
<div id="aaa"></div>
<template>
index.html文件
<body>
<div id="app" class="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>