12、vue中watch如何监控对象的属性

一、普通的watch

二、对象属性的watch：

  对象和数组都是引用类型，引用类型变量存的是地址，地址没有变，因此不会触发watch。这时咱们须要进行深度监听，就须要加上一个属性 deep，值为 true

注意：只要对象的属性发生变化，就会执行handler函数；若是将监听对象中的具体属性，则能够经过计算属性computed做为中间层进行监听，例如：

 

Watch和computed的区别

• Watch

    watch用于观察和监听页面上的vue实例，当你须要在数据变化响应时，执行异步操做，或高性能消耗的操做，那么watch为最佳选择

• computed

    能够关联多个实时计算的对象，当这些对象中的其中一个改变时都会触发这个属性
    具备缓存能力，因此只有当数据再次改变时才会从新渲染，不然就会直接拿取缓存中的数据。