一开始我写的LoginVisible:this.$store.state.LoginVisible
,可是在控制台可以发现vuex中的LoginVisible发生了改变,但是组件中的属性值并未发生变化。
解决方法:
官方文档有这样一句话:由于 Vuex 的状态存储是响应式的,从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态。
修改代码为:
computed:{
LoginVisible(){
return this.$store.state.LoginVisible
}
}
之后就可以发现随着store中的状态发生改变,组件中的数据也随之改变。