vue3使用动态路由,并传入component的组件地址
vue2可使用以下方法
const component = resolve => require([sub.component + '.vue'], resolve)
vue3不能使用require方法,但是import()参数只能是字符串,不能传变量,所以只能想办法。
使用插件
@rollup/plugin-dynamic-import-vars git地址
npm install @rollup/plugin-dynamic-import-vars --save-dev
创建文件 rollup.config.js 并导入代码
import dynamicImportVars from '@rollup/plugin-dynamic-import-vars';
export default {
plugins: [
dynamicImportVars({
// options
})
]
};
注:导入必须以./or开头…/。
例如:
const itemComponent = () => import('../'+url+'.vue')