vue双向绑定vuex中的state

最新推荐文章于 2026-05-19 06:14:43 发布

原创最新推荐文章于 2026-05-19 06:14:43 发布 · 559 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web

当前文章被收录于：

web

45 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何在Vue.js项目中利用计算属性结合Vuex的状态管理模式，实现响应式的表单输入绑定，并通过get和set方法更新状态。此方法提高了组件间的解耦并简化了代码。

使用计算属性的使用get和set

// 在从组件的computed中
computed: {
    user: {
        get() {
          return this.$store.state.user
        },
        set(v) {
          // 使用vuex中的mutations中定义好的方法来改变
          this.$store.commit('USER', v)
        }
    }
}
// 在组件中就可以使用
<input v-modle="user" />

标签

#vue.js #前端 #javascript