vue异步加载组件

components: {
  List: () => import(/*webpackChunkName: "name"*/, 组件路径);  
}
异步加载组件后,如果目前这个组件还不需要用到,比如需要在点击一个按钮之后才显示某个组件,这时候就
可以使用异步加载组件,可以减轻初次打开页面后的负担,是一种可行的优化方案。
除了异步加载组件外,也可以用v-if指令来代替
两种情况:
  1.需要异步显示的组件较‘小’,就可以使用v-if方案;
  2.需要异步显示的组件较‘大’,则最好选用异步加载组件的方式实现。
/*webpackChunkName: "name"*/这里是给组件起了个名字,缓存时可以看,否则会按顺序从0开始起名字。

posted @ 2021-09-02 16:01  桃李子  阅读(1014)  评论(0编辑  收藏  举报