vue watch handler

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

watch: {
	carts: function (val, oldVal) {
        console.log(val, oldVal)
    }
}

高级监听
handle：watch中需要具体执行的方法。

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

watch: {
	carts: {
        handler(val, oldVal) {
            console.log(val, oldVal)
        },
        immediate: true
    }
},

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

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

转载于:https://juejin.im/post/5c3702a46fb9a049fa0ff5f8