動態(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)
    }
}