首页 > 智能硬件 > 正文内容

vue调用其他js文件中的方法

时间:2024-07-19 03:01:21

vuejs怎么调用js文件里面的方法

在vue的很多组件中都会用到axios来Post数据,每个组件中都写上一个post的方法倒是也可以,复制就行了,但是总感觉有些不方便,那么可以把axios的post写到一个单独的js文件中,然后在需要的组件中引用岂不是更好吗。

1. 在assets文件下新建一个js文件。新建一个名称为webpost.js文件

2. 在需要使用此方法的组件中引用。<script> import {axiosPost} from '../assets/webpost'; export default { }

3. js的另一种写法。下面是重新编辑的部分,这几天又把axios部分整理了一下,加上了拦截器,用于向api请求时带上token验证,只多了一个export,可以写多个,结构更清晰,更容易理解。

版权声明:转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益, 请作者持权属证明与本网联系,我们将及时更正、删除,谢谢您的支持与理解。
标签:智能硬件

科技之家 广州小漏斗信息技术有限公司 版权所有 佳绩网提供支持 粤ICP备20006251号