时间戳

首页 > 解决方案 > 我们应该使用 v-model 来修改 Vuex 存储吗？

javascript - 我们应该使用 v-model 来修改 Vuex 存储吗？

问题描述

您好，我是 Vue 的初学者，但我确实遇到了一个困扰我的问题。我想知道我们应该使用 v-model 指令来修改 vuex 商店吗？Vuex 说我们应该只通过突变来修改 vuex 存储，但是 v-model 使一切变得更容易和更短。（我问是因为我找不到明确的答案）

标签： javascriptvue.jsvuejs2vuexv-model

解决方案

https://vuex.vuejs.org/guide/forms.html

v-model在严格模式下使用 Vuex 时，在一个属于 Vuex 的状态上使用可能会有点棘手。

处理它的“Vuex 方式”是绑定<input>'s 值并在输入或更改事件上调用操作。

请务必查看该页面上的简单“双向计算属性”示例：

<input v-model="message">

computed: {
  message: {
    get () {
      return this.$store.state.obj.message
    },
    set (value) {
      this.$store.commit('updateMessage', value)
    }
  }
}

推荐阅读