鍍金池/ 問答/HTML/ vue使用vuex時(shí) 關(guān)于v-model指令的數(shù)據(jù)綁定問題

vue使用vuex時(shí) 關(guān)于v-model指令的數(shù)據(jù)綁定問題

vue使用vuex時(shí) 關(guān)于v-model指令的數(shù)據(jù)綁定問題

有兩種寫法想請(qǐng)教一些其中的區(qū)別

方法一
 <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)
        }
    }
}

那么這兩種寫法都是可行的嗎?

回答
編輯回答
陌南塵

二者是不一樣的。沒有去測(cè)試,但是store的數(shù)據(jù)只能通過commit去改變,方法二應(yīng)該是可行的,方法一不對(duì)的。
官方文檔
https://vuex.vuejs.org/zh/gui...

2018年7月22日 03:30
編輯回答
尕筱澄

這里在實(shí)際項(xiàng)目中都很少用(暫且不說哪個(gè)可以),既然你用vuex 他的應(yīng)用場(chǎng)景是,多個(gè)同級(jí)組件,或者路由中數(shù)據(jù)共享。一般都有多個(gè)store。 項(xiàng)目中大都用modules, 然后在組件中使用map的形式。

2018年3月23日 16:22