天天看點

import Vue from 'vue' 怎麼處理?

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常用經典開源項目彙總參考

繼續閱讀