使用Vue 2 SSR和Vuex，我如何更新數據客戶端？

Question

我成功地在服務器上使用Vue 2和Vuex，我有一個在掛載（）函數中工作的存儲。

但是，當我希望用戶能夠更新事物時，商店未定義，因爲它不在客戶端上。我該如何改變這一點？

在我當前的場景中，我使用vuex商店來保存「搜索」文本，我用它來顯示基於搜索文本的項目網格。這適用於服務器端，但只要我希望用戶能夠鍵入搜索框來更改它，它就不起作用。

這就是我想做的事：

<template> 
    <input type="search" class="search" :value="$store.state.search" @input="changeSearch"> 
</template> 

<script> 
export default { 
    name: 'search-bar', 
    methods: { 
     changeSearch: (event) => this.$store.commit('SET_SEARCH', event.target.value) 
    } 
} 
</script> 

Answer 1

似乎改變:value到v-model取得了它的工作。不知道這是否是最好的答案，但很高興現在進行分類。