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

作者站长头像
站长
· 阅读数 6
data() {
    return {
        user: {},
},
computed: {
    userInfo() {
       return this.user
    }
},
mounted() {
   this.userInfo.sex = '男'
}

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

回复
1个回答
avatar
test
2024-07-08

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

本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容