動(dòng)態(tài)加載組件的四種方式:
1、使用import導(dǎo)入組件夜惭,可以獲取到組件
var name = 'system';
var myComponent =() => import('../components/' + name + '.vue');
var route={
name:name,
component:myComponent
}
2、使用import導(dǎo)入組件铛绰,直接將組件賦值給componet
var name = 'system';
var route={
name:name,
component :() => import('../components/' + name + '.vue');
}
3诈茧、使用require 導(dǎo)入組件,可以獲取到組件
var name = 'system';
var myComponent = resolve => require.ensure([], () => resolve(require('../components/' + name + '.vue')));
var route={
name:name,
component:myComponent
}
4捂掰、使用require 導(dǎo)入組件敢会,直接將組件賦值給componet
var name = 'system';
var route={
name:name,
component(resolve) {
require(['../components/' + name + '.vue'], resolve)
}
}