【Vue框架】watch侦听器

1. watch侦听器概述

  1. watch 侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作。
  2. 语法:
    【Vue框架】watch侦听器_第1张图片

2. immediate 选项

  • 默认情况下,组件在初次加载完毕后不会调用 watch 侦听器。
  • 如果想让 watch 侦听器立即被调用,则需要使用 immediate 选项。
    【Vue框架】watch侦听器_第2张图片

3.deep 选项

  • 如果 watch 侦听的是一个对象,如果对象中的属性值发生了变化,则无法被监听到
  • 此时需要使用 deep 选 项
    【Vue框架】watch侦听器_第3张图片

4.监听对象单个属性的变化

  • 如果只想监听对象中单个属性的变化,则可以按照如下的方式定义 watch 侦听器
    【Vue框架】watch侦听器_第4张图片

5. 参考

黑马vue视频,感谢llb老师。

你可能感兴趣的:(vue.js,前端,javascript,watch,侦听器)