异步组件的定义
只在需要时才加载渲染的组件
异步组件的使用场景
大型项目中,通常一个页面中引入了很多组件,为了提升页面的性能(缩短页面渲染时间),可以使用异步组件
异步组件的实现
components: { List : () => import('./views/List.vue') }1. componcomponents: { List : () => import('./views/List.vue') }
原理:使用函数的方式定义组件,只有在这个组件需要被渲染的时候才会触发该函数,且结果会缓存起来供未来再次渲染。
传统写法——非异步组件
仅供对比参考
import List from './views/List.vue';
components: { List }
参考资料
vue官网:https://cn.vuejs.org/v2/guide/components-dynamic-async.html#异步组件