a的值是{{numbers.a}}

当前位置:   article > 正文

Vue watch深度监测时handler新值和旧值一样_handler(val,oldval)

handler(val,oldval)
  1. <div id="app">
  2. <h4>a的值是{
  3. {numbers.a}}</h4>
  4. <input type="button" value="n++" @click="numbers.a++">
  5. </div>
  6. <script>
  7. const vm = new Vue({
  8. el: "#app",
  9. data: {
  10. numbers : {
  11. a : 0,
  12. b : 0
  13. }
  14. },
  15. watch: { // 监视属性
  16. 'numbers' : {
  17. handler(newValue, oldValue) {
  18. console.log("numbers对象里面的a被修改了!", newValue.a, oldValue.a);
  19. },
  20. deep : true
  21. }
  22. }
  23. })
  24. </script>

 控制台打印出来的是:

和预期不符合,原因可能是,在变更 (不是替换) 对象或数组时,旧值将与新值相同,因为它们的引用指向

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/113207
推荐阅读