vue watch handler监听事件

普通监听

缺点：不能深度监听（对象属性的改变），刷新或首次加载不能执行。

watch: {
     carts: function (val, oldVal) {
          console.log('new: %s, old: %s', val, oldVal)
      }
  }

高级监听

handle：watch中需要具体执行的方法。

immediate：true立即执行handle方法（首次加载、刷新、数据改变）都会执行，缺点监听不到对象属性中发生的改变。

watch: {
		carts: {
		   handler(val, oldVal) {
		       console.log('new: %s, old: %s', val, oldVal)
		   },
		   immediate: true
		}
}

deep：true深度检测。例如数组对象中的某个属性改变执行handle方法。

watch: {
     carts: {
          handler(val, oldVal) {
              console.log('new: %s, old: %s', val, oldVal)
          },
          deep: true
      }
  },
复制代码