Vue异步组件和路由懒加载示例

项目过大就会导致加载缓慢,所以异步加载就很重要

异步组件加载，这里提供三种方法

第一种:

Vue.component('A(组件名)', function (resolve) {
 require(['组件路径'], resolve)
})

第二种:

Vue.component(
  'A(组件名)',
  () => import('组件路径')
)

第三种:

const A = () => ({
  component: import('组件路径'),
})

路由懒加载

const A(路由名) =() =>import(‘路由路径’)