vue3路由component 不能使用require并且import不能传变量问题

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')