vue的computed中的计算属性不设置setter，直接给对象添加属性为什么可以？

Question

data() {
    return {
        user: {},
},
computed: {
    userInfo() {
       return this.user
    }
},
mounted() {
   this.userInfo.sex = '男'
}

如上：vue的computed在没有定义setter的情况下只能读取，不允许赋值，那如mounted中给userInfo添加属性为什么又可以？大佬们请帮忙解惑

Answer 1

因为你这根本没有进行赋值, 赋值应该是this.userinfo = xxxx, 你只是给这个对象添加了一个属性, 并没有改变this.userinfo中储存地址值, 你要是this.userinfo = 1 就报错了

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。