av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

解決vue的router組件component在import時不能使用變量問題

瀏覽:2日期:2022-12-27 17:09:36

解決vue的router組件component在import時不能使用變量問題

webpack 編譯es6 動態引入 import() 時不能傳入變量,例如dir =’path/to/my/file.js’ ; import(dir) , 而要傳入字符串 import(‘path/to/my/file.js’),這是因為webpack的現在的實現方式不能實現完全動態。

但一定要用變量的時候,可以通過字符串模板來提供部分信息給webpack;例如import(./path/${myFile}), 這樣編譯時會編譯所有./path下的模塊,但運行時確定myFile的值才會加載,從而實現懶加載。

import語法參考資料如下:點擊進入

修改后

解決vue的router組件component在import時不能使用變量問題

補充知識:由vue-router中component: ()=>import()引發的ES6箭頭函數的語法問題

Vue-router動態加載組件的語法方式為:

component: ()=>import()

最近在項目中不下心寫成了

component: ()=>{import()}

由此引發了ES6中箭頭函數語法的問題:

1. ()=>: 沒有{}的時候,箭頭函數指向的就是這個函數的返回值(對應的組件,這個路由就會顯示內容啦);

2.()=>{}: 有{}的時候,箭頭函數在沒有指明return的時候什么都不返回(對應的組件,這個路由就什么都不會顯示啦)

另外,webpack3的Magic Comments,可以指定打包文件是的chunk的名字,寫法如下:

component: ()=>import(/* webpackChunkName: 'chunkName' */ )

以上這篇解決vue的router組件component在import時不能使用變量問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 狠狠久久 | 久久大陆 | 亚洲欧美国产毛片在线 | 亚洲国产精品久久久久 | 日本aa毛片a级毛片免费观看 | 精品少妇一区二区三区日产乱码 | 成年免费大片黄在线观看岛国 | 国产a区 | 成人激情视频 | 五月婷婷色 | 亚洲一区二区在线播放 | 在线免费毛片 | 国产精品爱久久久久久久 | 成人免费福利 | 久久国产精品久久久久 | 欧美一区二区三区在线免费观看 | 成人国产精品入口免费视频 | 亚洲欧美中文日韩在线v日本 | 337p日本欧洲亚洲大胆 | 国产1区2区在线观看 | 中国一级特黄真人毛片免费观看 | a视频在线观看 | 久久久青草婷婷精品综合日韩 | 欧美国产精品久久久 | 国产精品视频久久久久 | 国产美女久久 | 国产一区二区三区色淫影院 | 久久国产激情视频 | 国产一区二区三区四区三区四 | 久久毛片 | 亚洲成人av在线播放 | 亚洲www啪成人一区二区麻豆 | 视频一区二区三区中文字幕 | 久久精品国产一区二区电影 | 一级黄片一级毛片 | 国产精品av久久久久久毛片 | 国产视频一区二区 | 91视频88av| 97av视频 | 日韩精品视频一区二区三区 | 久久激情视频 |