vue使用vuex时 关于v-model指令的数据绑定问题

Question

vue使用vuex时 关于v-model指令的数据绑定问题

有两种写法想请教一些其中的区别

方法一

<input v-model="$store.state.name" type="text">

export default new Vuex.Store({  state: {    name: "" // 投放速度模式
  }
});

方法二

<input v-model="name" type="text">

computed: {    name: {
        get() {          return this.$store.state.name
        },
        set(v) {          // 使用vuex中的mutations中定义好的方法来改变
          this.$store.commit('name', v)
        }
    }
}

那么这两种写法都是可行的吗？

Answer 1

这里在实际项目中都很少用（暂且不说哪个可以），既然你用vuex 他的应用场景是，多个同级组件，或者路由中数据共享。一般都有多个store。 项目中大都用modules, 然后在组件中使用map的形式。