如何根據vuex中的狀態切換視圖？

Question

我有一個按鈕<Button> Log me in! </Button>，我想根據我當前的vuex應用程序的狀態更改它的css類。 （state.user不爲空）

寫這段代碼的正確方法是什麼？

我可以在該視圖的類名中創建一個字段，並在操作/變化中相應地更改該字段。但是我應該放置這個邏輯有更好的地方嗎？由於這個領域完全依賴於組件，我認爲它不應該「泄露」到全球狀態。

Answer 1

只需使用典型的對象綁定語法即可。

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

或者在Vuex中定義一個getter並在你的類定義中使用它。

Answer 2

我認爲正確的方法是使用計算函數並綁定v-show指令。