[TOC] ## defineAsyncComponent- 异步加载组件 ``` import { defineAsyncComponent } from 'vue' // 会为 Foo.vue 及其依赖创建单独的一个块 // 它只会按需加载 //（即该异步组件在页面中被渲染时） const Foo = defineAsyncComponent(() => import('./Foo.vue')) ``` ## v-once 只渲染一次 v-once 只渲染一次, 之后数据在有变更,也不会进行更新显示,适用于不会变更的组件或块 如 ``` <div v-once>{{x}}</div> <Demo v-once :msg="msg"></Demo> ```