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

【问题标题】：Using Vue 2 SSR and Vuex, how do I update data client side?使用 Vue 2 SSR 和 Vuex，如何更新数据客户端？
【发布时间】：2017-05-07 14:15:58
【问题描述】：

我在服务器上成功使用了 Vue 2 和 Vuex，我有一个商店正在为 mount() 中的函数工作。

但是，当我希望用户能够更新内容时，商店未定义，因为它不在客户端上。我该如何更改？

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

【问题讨论】：

标签： vue.js vuex server-side-rendering

【解决方案1】：

似乎将:value 更改为v-model 使它起作用了。不确定这是否是最佳答案，但很高兴现在已经对其进行了排序。

【讨论】：