vue2实现input输入监听并实时调用请求

在Vue2中，可以使用`v-model`指令来实现对输入框的监听，并且结合`watch`属性来实现实时调用请求。具体实现步骤如下：

1. 在Vue组件中定义input输入框和需要调用请求的数据：

<template>
  <div>
    <input v-model="inputValue">
    <div>{{ responseData }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      responseData: ''
    }
  }
}
</script>

2. 使用`watch`属性监听`inputValue`的变化，并且在其变化时调用请求：

<script>
export default {
  data() {
    return {
      inputValue: '',
      responseData: ''
    }
  },
  watch: {
    inputValue(value) {
      // 调用请求并更新responseData
      this.$http.get('/api/data', { params: { value } }).then(response => {
        this.responseData = response.data
      })
    }
  }
}
</script>

这样就可以实现在输入框输入内容时实时调用请求并更新数据了。当然，需要先安装`vue-resource`或其他类似的HTTP请求库。