Vue动态加载组件

Vue动态加载组件的两类方式：
Vue加载组件主要包括正常加载和懒加载：

// 正常加载
import A from "./A.vue"
import B from "./B.vue"

// 懒加载
const A = resolve=> require(['./A.vue'], resolve)
const B = resolve=> require(['./B.vue'], resolve)

// 懒加载-加载多个
const index = r => require.ensure([], () => r(require('./index.vue')), 'group-index')
const view = r => require.ensure([], () => r(require('./view.vue')), 'group-view')

//import懒加载多个组件，基于ES6 import的特性

const A = () => import('./A.vue')
const B = () => import('./B.vue')
 

组件懒加载是指：需要组件的时候才加载组件即动态加载。Vue动态加载组件可分为两类：

使用import导入组件

使用require加载组件