首页 > 其他 > 详细

watch深度监听

时间:2019-03-11 13:55:10      阅读:175      评论:0      收藏:0      [点我收藏+]

在监听复杂数据类型的时候,不能像之前监听普通数据那样写,我们需要使用深度监听

    <div id="app">
      <input type="text" v-model="user.name">
    </div>
    <script>
      var vm = new Vue({
        el: '#app',
        data: {
          user: {
            name: 'jack'
          }
        },
        watch: {
           //不能使用监听普通数据的写法
          // user(newVal, oldVal) {
          //   console.log(newVal)
          // }
          user: {
            // 表示对象中属性变化的处理函数,这个函数只能叫这个名字
            handler(newVal) {
              console.log(newVal);
            },
            immediate: true,
            deep: true // 表示开启深度监听
          }
        }
      })
    </script>

watch深度监听

原文:https://www.cnblogs.com/mushitianya/p/10510105.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!