VUE侦听器
什么是侦听器
侦听器 watch 和computed(计算属性)一样 是vue组件配置选项中的一个
侦听器本质上也是一个函数 他主要用来监听数据的变化(侦听器 watch主要用来侦听data或computed这二个数据)
我们使用的时候 要侦听那个数据 就用那个数据名作为方法名即可
基本用法如下
这里有两个参数 第一个参数代表数据改变后的新值
第二个则代表数据改变前的旧值
使用方法
watch属性中的侦听器存在两种格式
方法(函数)形式的侦听器
如下
但是如果以方法的形式定义的
有以下两个缺点
缺点1:无法在刚进入页面的时候自动触发;
缺点2:如果侦听的是一个对象,如果对象里边的属性发生了变化,不会触发侦听器(不能够深度侦听);
以对象的形式
为了解决方法形式的缺点 我们更推荐使用对象的形式