Vue——vuex的基本使用

一、安装vuex,转载vuex,不叙述

二、添加事件,出发vuex的操作

···
通过this.$store.dispatch(“add”,1)派遣一个事件,需要两个参数,第一个是派遣的标记名称,第二个是数据
···
Vue——vuex的基本使用_第1张图片

三、在store的index.js文件里加载actions方法

在这里插入图片描述

add(context,value){ 
      context.commit("storeAdd",value)
    },

该方法里的add便是我们触发事件时设置的标记,包涵两个参数,
context:上下文
value:值
提交处理事件需要在上下文调用commit方法来提交,提交的方法要两个参数,第一个是方法名,第二个是值

四、在mutations方法里执行action中说明的方法

上面指定的事storeAdd,则执行该方法,要两个参数,第一个是简化版的state,第二个是值,一般通过state进行操作

storeAdd(state,value){ 
     state.sum+=value
   },

你可能感兴趣的:(Vue,vue)