vuex的使用 快速入门

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/poppy995/article/details/100137910

store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
	num:10
  },
  mutations: {
	numPlus(state,n){
	return state += n
	}
  },
  actions: {
	// 暂时不考虑
  }
})

---

在其他组件中使用state的数据

<div>{{$store.state.count}}</div>

---

在其他组件中操作state的数据

组件中是不能直接操作state数据的 必须通过触发mutations触发

this.$store.commit('numPlus',n);