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