vue 赋值操作

• 页面存在的值

双向绑定
<a-input v-model="stateValue"/>

• 不存在的值，在state中定义，在mutation中修改
  1、定义值

// 在根节点的state.js中
const state = {
    resultValue: ''
}
export default state

2、定义mutation

// 根节点的mutation
 import vue from 'vue'
 const mutations = {
     // state 同级的state
    SET_LOGIN_RESULT (state,val) {
        state.resultValue = val
    }
 }
 export default mutations

3、使用

// 引入state相关对象
import {mapState,mapMutations} from 'vuex'

// 声明值
computed: {
    ...mapState({
        resultValue: state => state.resultValue,
    }),
},

// 声明方法
methods: {
    ...mapMutations ([
        'SET_LOGIN_RESULT'
    ]),
  
// 使用
    login () {
        login({name: this.inputValue}).then(res => {
                this.SET_LOGIN_RESULT(res.data.result)
        })
    }

4、页面渲染

<input v-model="inputValue"/>
<button @click="login">登录</button>
<p>结果：{{ resultValue }}</p>