安装vuex
cnpm install vuex --save
使用方法
main.js添加红色框内的代码
新建store.js并添加如下代码
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
},
decrement(state){
state.count--
}
}
})
export default store
调用mutation修改state
<template>
<div id="app">
{{this.$store.state.count}} <br>
<button @click="$store.commit('increment')">increment</button>
<button @click="$store.commit('decrement')">decrement</button>
</div>
</template>