vue的监视属性-watch

一、监视属性

1、当监视的属性变化时，回调函数自动调用，进行相关操作

2、监视的属性必须存在，才能进行监视

3、监视的两种写法：

(1)new Vue时传入watch配置

(2)通过vm.$watch监视

二、深度监视

(1)vue中的watch默认不监测对象内部值的改变（一层）

(2)配置deep:true可以监测对象内部值改变（多层）

备注：

(1)vue自身可以监测对象内部值的改变，但vue提供的watch默认不可以！

(2)使用watch时根据数据的具体结构，决定是否采用深度监视

三、简写

四、 computed和watch之间的区别

1、computed能完成的功能，watch都可以实现

2、watch能完成的功能，computed不一定可以完成，例如：watch可以进行异步操作

注意：

1、所被vue管理的函数，最好写成普通函数，这样this的指向才是VM或组价实例对象

2、所有不被vue所管理的函数（定时器的回调函数，Ajax的回调函数等，promise的回调函数

最好写成箭头函数

这里的话firstName就会等一秒就是这个定时器完成之后在显示input框里面改变的数值