2021-08-10

Vue学习笔记之监视属性watch

监视属性：watch

深度监视：

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

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

备注:

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

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

采用深度监视deep后，只要a,b任意一个变了watch就能监视到。

computed和watch之间的区别:

1.computed能完成的功能,watch都可以完成。

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

两个重要的小原则:

1.所被Vue管理的函数，最好写成普通函数，这样this的指向才是vm或组件实例对象。

2.所有不被Vue所管理的函数（****定时器的回调函数、ajax的回调函数****等)，最好写成箭头函数，这样this的指向才是vm或组件实例对象。（特殊，也是典型的坑）