关于vue中Watch的一些深入用法

今天在掘金上浏览时看到的，觉得很有必要记录一下  原文地址

我大概总结一下：

1.常规的开发中监听数据变化我们会直接使用watch：{属性名（newValue，oldValue）{}},实际上该函数可以分为handler（）函数和参数配置，例如

inputValue:{
	handler(newValue,oldValue){
            this.logInfo="新的值为："+newValue
	},
	immediate:true
}

2.配置项immediate，默认为false。设置之后在数据绑定时就会执行handler函数，而不是在数据改变后才执行

3.配置项deep，默认为false。当对对象进行数据监听时，并不会监听对象内部属性的变化，即属性变化不会触发对象的监听。添加该参数后会对对象以及对象属性进行遍历，当属性变化时，对象的监听函数就会起作用

4.对于组件选项外定义的监听函数，需要手动调用unWatch（）函数进行注销