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]

你可能感兴趣的:(Vue异步组件)