[JavaScript知识库]vue中的侦听器watch

一.为什么要用侦听器:

虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过?watch?选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

二.侦听简单类型:

当我在输入框中按顺序输入12345时通过侦听器侦听后打印出来的数据如下图:

代码如下:

?三.深度监听

?第一个输入框默认值是小苍,当我分别在两个框中都输入1时效果如下:

?代码如下:

?deep

把deep属性的值设为true,侦听器就可以侦听到对象里面层的值的改变了

immediate

网页一打开的时候没有数据的变化,所以侦听器也侦听不到任何值.如果想要网页一打开就侦听一次,把immediate属性的值设为true即可