vue import 传入变量

在作动态添加component的时候，传入变量就会报错，出现如下错误信息：

vue-router.esm.js?fe87:1921 Error: Cannot find module '@/components/index'.
    at eval (eval at ./src/components lazy recursive (2.js:249), <anonymous>:5:9)

百度了下component是不容许传入变量的，可是程序员无所不能，就搞出下面这种写法来实现，注意不是单引号，是英文输入法下的～按键。而后${com}，其中com就是变量值。

注意：在import的时候，必定不能所有使用变量，的有一部分路径信息才行，我这里是@/components目录，若是只写变量是读取不到模块的。这样在编译的时候，会编译@/components目录下的全部模块，可是运行时才会肯定变量的值，这样来实现懒加载。

component: () => import(`@/components/${com}`)