Vue异步组件

异步组件是为了解决加载性能问题,没必要一次性把所有组件都加载完,Vue允许将组件定义为一个工厂函数,函数异步解析组件,组件需要被渲染是才出发该工厂函数,将结果缓存供以后重新渲染。

  1. 什么是工厂函数?
    它是一个函数; 用来创建对象; 像工厂一样,生产出来的函数都是拥有同样属性的。
    当一个函数返回一个对象时,称之为工厂函数

[https://www.cnblogs.com/andyZhang0511/p/11475725.html]

  1. ES5表示一个异步组件:
     Vue.component('async-webpack-wxample',  
              //import 函数返回一个Promise对象
          () => import('./my-async-component')
      )
      new Vue({
           components:{
                  'my-component': ()=>import('./my-async-component')
          }
    })

[https://blog.csdn.net/weixin_39975379/article/details/93179282]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容