三(1)、Vuex中的mutations的使用 ------ 2019-11-28

1、mutations的作用:

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

2、基本的mutations使用:

mutations: {
   increment (state){
    state.count++
   },
   decrement (state){
     state.count--
   }
  },
自己对mutations的理解:
(1)mutations是一个对象,mutations对象中可以定义一些方法,这个方法的作用就是用来修改
state的;
(2)mutations中的每个方法都可以接受参数,而这些方法的第一个参数是当前store的state,
从而可以让我们操作state中的数据(状态);

3、传递参数的mutations:

(1)定义:
  mutations: {
    incrementCounter(state, count){
     state.count += count;
    }
  } 
(2)使用:
 this.$store.commit('incrementCounter', count);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 8,295评论 0 6
  • 备注:此案例是用vue脚手架创建的demo 1、首先要知道什么是Vuex? 在Vue官方网站的解释是:Vuex 是...
    浪流儿阅读 9,495评论 0 3
  • 姓名:潘珊群 公司:宁波市镇海承迪文具有限公司 盛和塾第456期六项精进反省一组成员 (日精进打卡第347天) 【...
    潘jane阅读 1,189评论 0 0
  • 年初六,MX请喝。因为之前凑钱的时候我虽然知道,可是没人找我凑,我就以为是不用的,没有凑。然后吃饭的时候也没人叫我...
    谷贝阅读 1,306评论 0 0
  • 前些日子,不知怎的腰椎的老毛病就犯了,想着马上要放五一假,可以好好歇歇,就凑合着坚持上班,下班后赶紧去小区门口的理...
    海玲笑阅读 2,350评论 3 7