vue 按需加载组件

vue 组件按需加载：

vue为我们专门设立了异步组件，通过异步组件，我们可以得到两点好处：
1、 用不到的组件不会加载，因此网页打开速度会很快，当你用到这个组件的时候，才会通过异步请求进行加载；
2、 缓存组件，通过异步加载的组件会缓存起来，当你下一次再用到这个组件时，丝毫不会有任何的疑迟，组件很快会从缓存中加载出来。

好处：按需加载，可以节省首次加载时间，提高速度，性能优化，第一次加载完成会缓存

Vue允许将组件定义为一个异步解析（加载）组件定义的工厂函数，即Vue只在实际需要渲染组件时，才会触发调用工厂函数，并且将结果缓存起来，用于将来再次渲染。

  components: {
    HBH: (resolve) => require(['./.....'], resolve),
    BKD: (resolve) => require(['./.....''], resolve),
    PAT: (resolve) => require(['./.....''], resolve),
    LPE: (resolve) => require(['./.....''], resolve),
    WPD: (resolve) => require(['./.....''], resolve),
  },