Vue-admin工作整理（十四）：Vuex和双向绑定

概述，普通的直接通过input修改值然后取是不符合vue的规格的，所有数据定义和传递必须通过actions或者mutation来做

思路：通过在mutation层对字段进行定义值，在store中通过v-model来实现双向绑定，这里要注意在实现该双向绑定的时候一定要定义该函数的get、set方法，然后在...mapMutations方法中将mutation里的方法进行引入

    
{{ stateValue }} -> lastLetter is {{ inputValueLastLetter }}

...mapMutations([
      'setStateValue'
    ])

 stateValue: {
      get () {
        return this.$store.state.stateValue
      },
      set (val) {
        this.setStateValue(val)
      }
    }

 

setStateValue (state, value) {
    console.log(value)
    state.stateValue = value
  }

 

转载于:https://www.cnblogs.com/cristin/p/9639738.html