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

Question

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

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

在我当前的场景中，我使用 vuex 存储来保存 'search' 文本，我用它来显示基于搜索文本的项目网格。这在服务器端运行良好，但一旦我希望用户能够在搜索框中输入内容来更改它，它就不起作用了。

这就是我想要做的：

<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 已经成功了。不确定这是否是最佳答案，但很高兴现在对它进行排序。

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

Using Vue 2 SSR and Vuex, how do I update data client side?

vue.js

vuex

server-side-rendering