vue监听函数watch

vue监听函数watch：

可以用来监听数据是否发生变化，如果数据发生变化了，就会执行某个函数

数据的名字和函数的名字是一样的

（1）简单写法：

缺点：这样使用的时候，第一次数据发生变化的时候不会出发函数

 props: {
    searchText: {
      type: String,
      required: true
    }
  },
  computed: {},
  // watch用来监视数据的变化，数据一旦发生变化就会触发事件
  watch: {
    searchText () {
      console.log('hello')
    }
  }

（2）完整写法

这里是以对象的方式来写的

 props: {
    searchText: {
      type: String,
      required: true
    }
  },
  computed: {},
  // watch用来监视数据的变化，数据一旦发生变化就会触发事件
  watch: {
    searchText: {
      // 当数据发生变化的时候就会触发handler，immediate表示会立即出发
      handler () {
        console.log('hello')
        searchSuggestion({ q: this.searchText }).then(res => {
          console.log(res)
          this.suggestions = res.data.data.options
        })
      },
      immediate: true
    }
  }