vue專案中引入外部js的幾種方式

2021-09-22 01:44:07 字數 852 閱讀 8396

我在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圖示。其實字型圖...