Vue.js 使用Vue 2 SSR和Vuex，如何更新客户端数据？

我在服务器上成功地使用了Vue 2和Vuex，我有一个用于mounted（）中函数的存储

但是，当我希望用户能够更新内容时，存储是未定义的，因为它不在客户机上。我如何改变这个

在我当前的场景中，我使用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>

导出默认值{
名称：“搜索栏”，
方法：{
changeSearch：（event）=>this.$store.commit（'SET\u SEARCH'，event.target.value）
}
}

似乎将

：value

更改为

v-model

使其工作正常。我不确定这是否是最好的答案，但很高兴现在已经整理好了