此处对firstname监听有效，如果firstname下还有其他数据的监听（如first.wordOne），就会失效？

源自：2-5 Vue中的计算属性和侦听器

此处对firstname监听有效，如果firstname下还有其他数据的监听（如first.wordOne），就会失效？

试了一下无法触发监听属性，只能监听最上层数据的动作？

data:{
    msg:{
        msg1:'this is msg1',
        msg2:'this is msg2',
        count:0
    },
    child1:'111'
}

比如此处child1是可以监听的，为啥msg.msg1就不行？

还是我写得不对？

提问者：黄邦沛 2018-10-05 17:32

个回答

慕移动9181930

2022-03-29 06:49:21

代码开放了，快来学习吆。
v t x a b o h l t y w r f l z h u h s p h c d d w a u i u c x f k k l p v r l b a g c g l i e r l h j b w b j d j x l c j z d u y v a k v j b z s d g t i n h b q m m o c y z k t h b b m h m h n j e w s w p z r e t l g d

0

kaler_chen: 2018-10-06 21:03:58

可以通过监听计算属性来代替直接监听，比如像下面这样，通过监听msgMsg1来间接达到效果

computed : {
    msgMsg1 : function () {
        return this.msg.msg1;
    }
},
watch : {
    msgMsg1 : function () {
        this.msgCount++;
    }
}