vue中引用js檔案的方法

2022-07-29 19:45:11 字數 906 閱讀 5779

在vue的很多元件中都會用到axios來post資料,每個元件中都寫上乙個post的方法倒是也可以,複製就行了,但是總感覺有些不方便,那麼可以把axios的post寫到乙個單獨的js檔案中,然後在需要的元件中引用豈不是更好嗎。

新建乙個名稱為webpost.js檔案

import axios from

'axios'//

post方法的封裝

function axiospost(url,params

) })

.then(res=>);

});}

export

這個需要專門引用一下axios,也就是第一行,然後就可以使用了,最後一句很重要,不然你沒法在別的元件中呼叫

import  

from

'../assets/webpost';

export

default

注意引用的路徑,import {}中的內容就是上面export中的內容

使用的時候連this都不需要了,直接axiospost就可以了

axiospost(url,params

).then(res=>

else

import axios from

'axios'//

post方法的封裝

export function axiospost(url,params

)

return

config

},err=>)

//下面是正常的

axios(

}).then(res=>);

});}

vue 引用src中的檔案 VUE中引用路徑的配置

在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多,導致路徑很長,我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...

vue中引用本地檔案

轉換成可以用的檔案格式,接下來就四步 第一步 把解析好的檔案全部引到專案中,不管在src下建個common的目錄放進去還是直接放到assets下都可以,只要後面的引入路徑正確就行 第二步 開啟css檔案,font family跟的就是後面使用的文字名稱,可以自己命名 src就是當前css檔案和字型檔...

如何引用js 中的方法

一,api user.js import axios from axios let base export const requestlogin params spring login params then res res.data export const requestuserrlist pa...