VUE 動態加載組件的四種方式

動態加載組件的四種方式：

1、使用import導入組件，可以獲取到組件

var name = 'system'; var myComponent =() => import('../components/' + name + '.vue'); var route={ name:name, component:myComponent } 

2、使用import導入組件，直接將組件賦值給componet

var name = 'system'; var route={ name:name, component :() => import('../components/' + name + '.vue'); } 

3、使用require 導入組件，可以獲取到組件

var name = 'system'; var myComponent = resolve => require.ensure([], () => resolve(require('../components/' + name + '.vue'))); var route={ name:name, component:myComponent } 

4、使用require 導入組件，直接將組件賦值給componet

var name = 'system'; var route={ name:name, component(resolve) { require(['../components/' + name + '.vue'], resolve) } }