一.为什么要用侦听器:
虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。
二.侦听简单类型:
当我在输入框中按顺序输入12345时通过侦听器侦听后打印出来的数据如下图:
代码如下:
三.深度监听
第一个输入框默认值是小苍,当我分别在两个框中都输入1时效果如下:
代码如下:
deep
把deep属性的值设为true,侦听器就可以侦听到对象里面层的值的改变了
immediate
网页一打开的时候没有数据的变化,所以侦听器也侦听不到任何值.如果想要网页一打开就侦听一次,把immediate属性的值设为true即可