在vue1.0遇到vuex和v-model的坑

事情是这样的，在开发项目的过程中我使用了vuex并且在store中定义了一个保存用户信息的对象

        userInfo : {
                    'nickName' : '',          // 昵称
                    'password' :'',           // 是否有密码
                    'gender' : '',            // 性别
                    'avatar' : '',            // 头像
                    'userAccount' : '',       // 账号
                    'birthday' : '',          // 出生日期
                    'cityName' : '',          // 城市
                    'email' : '',             // 邮箱
                    'mobile' : '',            // 手机号
                    'userId' : ''             // 用户id
                }
                              

然后在组件中也定义了一个一毛一样的对象完全一样，这样做是为了方便去store中用getter取值

this.userInfo = this.ache_getUserInfo;

现在我在这个组件中使用v-model绑定了 userInfo.nickName这个值，神奇的事情发生了，我input框输入值的时候，store里面的值也会随改变！

但是如果我的这个组件中的参数名和store中的不一样，就不会发生这种情况，比如我把nickName改为comNickName，然后在组件中绑定userInfo.comNickName就不会，也就是说组件中v-model绑定的值和vuex的store中的名字一样，那么他会影响store中的值。

=_=!!汗

转载于:https://www.cnblogs.com/longsiyuan/p/6252048.html