import Vue form 'vue’的意思
1、import Vue form ‘vue’ 寫全的話是import Vue from ‘…/nodemouls/vue/list/vue.js’; 此時在webpack.base.conf.js中進行了定義,内置了一些選項,extenions:[’.js’,’.vue’,’.json’],意思是省略後面的字尾,由webpack來自動為我們加上。
2、如果名字比較長,還可以起個别名。
alias:{ ‘@’:resolve(‘src’)},
它的意思是在vue項目中,引入路徑的時候使用@即代表src檔案夾,省去了…/…/…/的操作,這樣寫比較十分友善。
3、當我們在模闆中寫img的時候有時也需要翻着找,那麼能用@代替嗎?答案是當然可以的,
比如在assets檔案夾中有張圖檔,logo.png。以往寫可能是:
<img src="../../src/assets/logo.png">
現在知道怎麼回事以後可以直接這樣寫:
<img src="@/assets/logo.png">
4、試驗發現這是能成功的,但是lssue提出的方案是在@前面加上~。兩者均能成功
更多請參考《
Vue常用經典開源項目彙總參考》