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