普通方式
使用普通方式的狀態樹,需要添加 store/index.js 文件,並對外暴露一個 Vuex.Store 實例:
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = () => new Vuex.Store({
state: {
count: 0
},
mutations: {
add(state) {
state.count++
}
}
})
export default store
在組件里面
<div @click="$store.commit('add')">你好啊 點我變大大{{$store.state.count}}</div>