如何根据vuex中的状态切换视图？

Question

我有一个按钮<Button> Log me in! </Button>，我想根据当前vuex应用程序的状态更改其css类。 （state.user不为空）

编写此代码的正确方法是什么？

我可以在状态中创建一个字段，该字段是此视图的类名，并在actions / mutation中相应地更改。但是，我应该放置这个逻辑吗？由于此字段完全取决于组件，因此我认为它不应“泄漏”到全局状态。

Answer 1

只需使用典型的对象绑定语法。

<button :class={someClass: !$store.state.user}>Log me in!</button>

或者在Vuex中定义一个getter并在类定义中使用它。

Answer 2

我认为正确的方法是使用计算函数并以这种方式绑定v-show指令。