延迟加载 / 异步组件
最后更新于:2022-04-02 03:32:45
[TOC]
## 概述
使用 Webpack 的动态导入来延迟加载组件。Vue 支持在渲染时延迟加载组件和代码分割。这些优化让你可以只在需要时加载组件代码,从而减少 HTTP 请求、文件大小,并自动提高性能
### 全局加载异步组件:
```
import Vue from 'vue';
//Where 'editor' is the name of the component
//Returns a promise that only gets called when the compoent is rendered and then cached.
Vue.component('editor', () => import('./componetns/Editor.vue'));
```
### 本地加载异步组件:
```
```
';