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}`)