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 的回调函数等),最好写成箭头函数,这样 this 的指向才是 vm 或 组件实例对象。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容