vuex怎么存入值

看了vuex会取值,但是不会存值,大佬能给个小demo学习一下,谢谢啦

阅读 9.3k
4 个回答

store.js:
state:{

value:''

}

mutations:{

changeValue(state,newVal){
    state.value=newVal
}

}
.vue:


//存
this.$store.commit('changeValue',1)
//取
console.log(this.$store.state.value)//1

vuex 里面有 mutations,mutations中的方法就可以提交store的值

官方原文:
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数:

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  },
  actions: {
    increment (context) {
      context.commit('increment')
    }
  }
})

Mutation

你不妨看下我这篇从头开始学习Vuex,里面介绍了一个实现数字自增自减小demo,以及用vuex如何改造这个小demo,源代码齐全,很适合初学者!希望对你有帮助!

clipboard.png

vuex的值是存在一个叫store的容器里面的,要改变里面的值,只能通过dispatch一个action或者commit一个对象,具体怎么操作还是看官网吧https://vuex.vuejs.org/zh/,理解这个图就了解了

vuex.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进