vue2.0 如何监听数组中对象属性的变化

Question

  data () {
    return {
      phone: [
        {
          name: '工作',
          telNum: ''
        }
      ]
    }
  },
  watch: {
    phone: {
      handle: function (newVal) {
        console.log(newVal)
      },
      deep: true
    }
  }
  

报错信息

代码如上，请问问题出在哪里?

Answer 1

不是 handle 是 handler

watch: {
    phone: {
      handler: function (newVal) {
        console.log(newVal)
      },
      deep: true
    }
},

Answer 2

https://codepen.io/1000copy/p...