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、在需要使用此方法的组件中引用










