vuejs2.0关于用axios结合vuex开发
来源:互联网 发布:淘宝收到货后申请退款 编辑:程序博客网 时间:2024/05/19 23:11
vuex:index.js, actions.js, mutations.js, getters.js
1.index.js中
import Vuex from 'vuex'import Vue from 'vue'import actions from './actions'import mutations from './mutations'import getters from './getters'Vue.use(Vuex)let state = { user_msg: '', bugle: ''}export default new Vuex.Store({ state, actions, mutations, getters})
2.actions.js
原型导入axios,在vuex中仍然不能用,需要再次导入一遍,
import axios from 'axios'export default { async loginGetUser ({commit,state},nameVal) { let _this = this let url = "http://www.xxxx.cn/test/ag/register.php?name="+nameVal await fetch(url) .then(res => res.json()) .then(data => { this.commit('changUserMsg',data) }) .catch( res => { _this.commit('changUserMsg',{msg:'fail'}) }) }, saveForm({commit,state},url){ console.log('url.....') console.log(url) axios({ method:'get', url:url }) .then(function (data) { console.log(data) }) .catch(function (err) { console.log(err) }) }}
3.页面组件调用方法
async test(){ let url = "http://www.xxxg.cn/test/ag/queryClothes.php"; await this.$store.dispatch('saveForm',url); },
无关的:
mutations.js
export default { changUserMsg ({state},data) { this.state.user_msg =data }, }
阅读全文
0 0
- vuejs2.0关于用axios结合vuex开发
- VueJs2.0入门--之后台管理系统(vue.js +vue-router+vuex+element-ui+axios)
- (Vue2.0)axios与vuex中actions结合使用的实现
- vuejs2.0使用axios跨域时的一个注意
- 【vue】element、vue2.0+、vuex、axios开发中遇到的坑点
- vuejs2.0详细教程,结合Api文档
- vue2 + router + vuex + vux + axios 开发的一点总计
- vue2+vuex+axios
- vuex + axios 发送请求
- 详讲:vue2+vuex+axios
- 使用 Vuex + axios 发送请求
- 使用 Vuex + axios 发送请求
- vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发
- 基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
- vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发
- 基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
- 关于axios
- Vue2.0 项目实战案例及Demo,基于vue2.0+vuex+vue-router+axios实现
- JAVA面试经验分享
- 自定义view
- sqlite查询排序
- ubuntu安装lantern进入google浏览器
- angular js 修改密码
- vuejs2.0关于用axios结合vuex开发
- 触发器
- JAVA架构师
- HDU 2141 Can you find it?
- POJ 2253 Frogger 最小生成树
- LoadRunner 常见的错误及处理方法
- c++里面怎么打印地址
- 实现列表两端对齐的两种方法
- 结构体专题