vue侦听器

什么是侦听器

侦听器 watch 和computed（计算属性）一样 是vue组件配置选项中的一个
侦听器本质上也是一个函数 他主要用来监听数据的变化（侦听器 watch主要用来侦听data或computed这二个数据）
我们使用的时候 要侦听那个数据 就用那个数据名作为方法名即可
基本用法如下

这里有两个参数 第一个参数代表数据改变后的新值
第二个则代表数据改变前的旧值

使用方法

watch属性中的侦听器存在两种格式

方法（函数）形式的侦听器

如下

但是如果以方法的形式定义的
有以下两个缺点
缺点1：无法在刚进入页面的时候自动触发；
缺点2：如果侦听的是一个对象，如果对象里边的属性发生了变化，不会触发侦听器（不能够深度侦听）；

以对象的形式

为了解决方法形式的缺点 我们更推荐使用对象的形式