vue监听函数watch

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 props: {
    searchText: {
      type: String,
      required: true
    }
  },
  computed: {},
  // watch用来监视数据的变化，数据一旦发生变化就会触发事件
  watch: {
    searchText () {
      console.log('hello')
    }
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 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
    }
  }