vue 异步组件加载

异步组件加载：vue打包后会生成app.js这里包含了所有的组件和业务逻辑，会在app运行时同步加载所有组件，而一些大型项目有很多组件和复杂的业务逻辑，此时就可以使用异步组件加载的方式，需要哪个组件去加载哪个组件而不是一次性加载所有组件

使用方法：

1.在vue-router中使用

之前我们都是将组件直接import进去，现在可以这样写，将import写在component的箭头函数中

{
  path: '/',
  name: 'Home',
  component: () => import('@/pages/Home') // 异步组件按需加载，需要哪个组件再去加载哪个组件的内容，不这样写会同步加载所有组件和业务逻辑代码
},

2.在组件中使用

components: {
    Star: () => import('../star/Star'),
    split
  },