vuex学习(二)使用篇

6 篇文章 0 订阅
import Vue from 'vue'
import Vuex from 'vuex'
import fetch from '../common/httpRequest'

Vue.use(Vuex)

const store = new Vuex.Store({
    state: {
       //全局状态,取值取这里的东西 
      name:''

    },
    mutations: {
      //同步提交到这操作相对应的状态值,需要在这里修改state里的值
        login(state, payload) {
           state.name=paylode.name
        }
   
    },
    actions: {
         //和mutations类似 但是是异步的
    },
    getters:{
		//相当于页面中的computed 
	},		
	modules:{
      //模块化 取值的时候需要通过定义的模块前缀调用 可能比较少用到
      //但是需要注意 提交的时候和mutations提交一模一样
      //所以方法名不能和mutations里面的重名
	}
   
})

export default store

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值