千鋒教育-做有情懷、有良心、有品質的職業教育機構
vuex的狀態儲存在倉庫的state屬性中,state是只讀的,無法直接修改必須調用mutation才能修改
const store = new Vuex.Store({
state: {
num: 10
},
mutations: {
ADD_NUM (state, n) {
state.num += n
}
}
})
// 在組件中直接出發mutaion
this.$store.commit('ADD_NUM', 10)
// 或者助手函數 提交 mutation
{
methods: {
...mapMutations(['ADD_NUM'])
}
}
// 直接調用即可
this.ADD_NUM(10)
相關推薦