vue-watch

1. 监听器/侦听器的基本使用watch

watch: {
    // message是需要监听的data中的属性名称
    // newValue是变化后的新值
    // oldValue是变化前的旧值
    message: function(newValue, oldValue) {
        // console.log("新值", newValue, "旧值" ,oldValue);
        this.queryAnwser();
        // 监听到变化后就执行搜索答案的方法
    }
}

其他的代码就没有放上去了，这里主要说明watch的用法。

2. 监听器的配置选项

默认情况下侦听器只会侦听数据本身的改变（对于内部发生的改变是监听不到的）
深度侦听(deep) / 立即执行(immediate)（一定会执行一次）
depp: true 用于表示进行深度监听。
immediate: true 用于表示在加载时就执行一次，无论被监听的值是否改变。

watch: {
  // 语法糖
  info(newValue, oldValue){
    console.log("new",newValue, "old",oldValue);
  }
  // 普通写法
  info: {
    handler: function(newInfo, oldInfo){
      console.log("new",newInfo, "old",oldInfo);
    },
    deep: true,//确认为深度监听
    immediate: true, //立即执行
  }
}