当前第2页 返回上一页
在vuex的仓库文件store.js中引用，使用action添加方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | import Vue from 'Vue'
import Vuex from 'vuex'
import axios from 'axios'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
user: {
name: 'root'
}
},
actions: {
login (context) {
axios({
method: 'post',
url: '/user',
data: context.state.user
})
}
}
})
export default store
|
在组件中发送请求的时候，需要使用 this.$store.dispatch
1 2 3 4 5 | methods: {
submitForm () {
this.$store.dispatch('login')
}
}
|
本篇文章到这里就已经全部结束了，更多其他精彩内容可以关注PHP中文网的JavaScript教程视频栏目！
以上就是vue项目全局使用axios的方法介绍的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
详解vue中watch如何使用？watch用法介绍
vue中iview是什么？
vue如何实现局部刷新？（代码示例）
浅谈vue中引入jquery的方法
vue中vue.set有几个参数
.js文件中怎么引用vue
vue计算属性和watch的区别有哪些？
基于vue移动端ui框架有哪些？
vue.use是什么呀？
深入了解jquery和vue的区别（附代码）
更多相关阅读请进入《vue》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue项目全局使用axios的方法介绍
