怎么在vue结构里判断vuex里的状态
时间: 2023-05-09 19:03:16 浏览: 150
Vuex 在Vue 组件中获得Vuex 状态state的方法
在Vue的结构中判断Vuex的状态可以通过计算属性或者方法来实现。以下是两种实现方式:
1. 计算属性
在Vue组件中定义计算属性,通过对Vuex中状态的监听返回相应的值。例如:
```
computed: {
isLogin() {
return this.$store.state.isLogin
}
}
```
在上述代码中,isLogin是一个计算属性,监听了Vuex中的isLogin状态。当Vuex中isLogin状态改变时,这个计算属性也会触发更新,从而返回相应的值。
2. 方法
除了计算属性,我们也可以在Vue组件中定义一个方法,通过Vuex的getters获取相应的状态判断。例如:
```
methods: {
isLogin() {
return this.$store.getters.isLogin
}
}
```
在上述代码中,isLogin是一个方法,通过Vuex的getters获取isLogin状态。当我们需要判断相应的状态时,可以通过调用这个方法返回相应的值。
无论是使用计算属性还是方法,我们在Vue中都可以轻松地判断Vuex中的状态。这也是Vue和Vuex连用的好处之一,既方便了状态的管理,又便捷了组件的使用。
阅读全文