1、使用import导入组件，可以获取到组件

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

2、使用import导入组件，直接将组件赋值给componet

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

3、使用require 导入组件，可以获取到组件

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

4、使用require 导入组件，直接将组件赋值给componet

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

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/article/detial/5845