vue中引用js檔案的方法

在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...