在使用vue做專案的時候，我們一般不將css樣式寫到各自的元件裡，這樣不僅會讓**冗餘，而且不美觀整潔。如果你定義了一些外部css檔案，如何引入到vue元件中去呢？我們這裡使用es6的引入方式：
那麼js檔案如何引入呢？如果需要全域性使用，則可以在main.js中引用並例項化物件：
部分js**：
const debug = true;
let base_url = debug ? 'url' : '';
const api =
}export default api;
在main.js中：
import api from './assets/api/api.config.js'
vue.prototype.$api = api;
這樣，我們在vue元件中使用this.$api就可以找到這個js檔案中的物件了。
如：this.$api.edgemanager.devicelist
如果需要按需引入，不在main.js中引入，直接在有需要的vue元件中引入：
部分**：
這樣引入的話，我們在當前元件可以直接使用api去找到這個js檔案中的物件。
如：api.edgemanager.devicelist
需要注意的是，第二種方式按需引入的js檔案在其他元件中是找不到這個物件的。
歡迎交流**，希望本篇文章對你有所幫助。
vue 在vue 專案中引入外部js檔案
在普通的專案中，我們可以通過來引入外部的js檔案，但是在vue專案中，就不可以使用這種方式了，需要使用es6語法來引入，同時還要對已有的js檔案做相應的修改。一般情況下，我們引入外部js檔案，是要呼叫js檔案中的函式。在vue專案中，我們首先要使用export命令將這個函式丟擲，然後才能在其他的vu...
vue專案中引入外部js的幾種方式
我在src目錄下新建了api資料夾，裡面有封裝ajax請求的index.js檔案 idnex.js的內容 將該模組export出去，然後在main.js檔案中用import api from api index 匯入該模組 最後使用vue.prototype.api api 將其配置到全域性即可 在...
vue專案中引入iconfont
對於前端而言，圖示的發展可謂日新月異。從img標籤，到雪碧圖，再到字型圖示，svg，甚至svg也有了類似於雪碧圖的方案svg sprite loader。雪碧圖沒有什麼好講的了，只是簡單地利用了background position來做圖示定位。今天咱們先聊聊怎麼使用字型圖示和svg圖示。其實字型圖...