vuejs怎麼呼叫js檔案裡面的方法

vuejs呼叫js檔案裡面的方法：1、在assets檔案下新建一個js檔案；2、透過「export default {...}」在需要使用方法的元件中引用即可。

本文操作環境：Windows7系統、Vue2.9.6版，DELL G3電腦

vuejs怎麼呼叫js檔案裡面的方法？

vue中引用js檔案的方法

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

1、在assets檔案下新建一個js檔案

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

import axios from 'axios' //Post方法的封装 function axiosPost(url,params){ return new Promise((resolve, reject) => { axios({ url: url, method: 'post', data: params, headers: { 'Content-Type':'application/json' } }) .then(res=>{ resolve(res.data); }); }); } export { axiosPost }

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

2、在需要使用此方法的元件中引用