vuex修改状态state的方法
vuex想要改变state里的属性,官方推荐的方法是通过mutaion的方式修改state。例如:const mutations = {SET_LOGDATA(state, payload) {state.logData = payload;},}
·
vuex想要改变state里的属性,官方推荐的方法是通过mutaion的方式修改state。
例如:
store.js
const state = {
num:0
}
const mutations = {
SET_NUM(state, payload) {
state.num= payload;
},
}
export default new Vuex.Store({
state,
mutations
})
<template>
...
</template>
<script>
export default{
data(){
return{
num:1
}
},
methods:{
doSomething(){
this.$store.commit('SET_NUM',this.num);
}
}
}
</script>
在组件里直接修改state也是生效的,例如:
doSomething(){
this.$store.state.num = this.num;
}
但是不推荐这种直接修改state的方式,因为这样不能使用vuex的浏览器插件来跟踪状态的变化,不利于调试。
更多推荐
已为社区贡献17条内容
所有评论(0)