vuex入门之mutations,更改Vuex的store中的状态的唯一方法是提交mutation

最新推荐文章于 2024-03-26 20:44:03 发布

前端筱攻城狮

最新推荐文章于 2024-03-26 20:44:03 发布

阅读量1k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_26018335/article/details/120368789

版权

mutations相当于组件中的methods,但是它不能使用异步方法(定时器,axios)

//在store(仓库)下的index.js这份文件，就是用来做状态管理
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  //mutations相当于组件中的methods,但是它不能使用异步方法(定时器,axios)
  mutations:{
    //让num累加
    //payload是一个形参,如果组件在commit时，有传这个参数过来，就存在，如果没有传过来，就是undefined
    increase(state,payload){
      state.num += payload ? payload : 1;
    }
  }
})

Btn.vue

<template>
  <div>
    <button @click="$store.commit('increase',2)">
      点击加1
    </button>
  </div>
</template>

<script>
export default {

}
</script>

<style>
</style>