蘇阿細 - Teleport
type: channel
link: https://www.wangchouchou.com/tag/Teleport/
items: 新的组件

新的组件
type: item
date: 2022-07-17T10:55:00+00:00
description: 1. FragmentVue2：组件必须有一个根标签Vue3：组件可以没有根标签，内部会将多个标签包含在一个 Fragment 虚拟元素中减少标签层间，性能优化2. Teleport概念：将 组件html结构 移动到指定位置 你好 孙笑川 药水哥 Giao哥 关闭弹窗 3. Suspense等待异步组件时渲染定义的缺省内容，提升用户体验实现：引入异步组件import {defineAsyncComponent} from "vue"; const Child = defineAsyncComponent(() => import('./components/Child'))使用 Suspense 包裹组件，并配置好 default 和 fallback App组件 <Child/> 加载中...