vue使用watch深度监听el-input

可以使用 Vue.js 的深度监听机制来监听 `el-input` 组件的值的变化。

首先，将 `el-input` 组件的值绑定到 Vue 实例的数据中：

<el-input v-model="inputValue"></el-input>

然后，在 Vue 实例中使用 `watch` 属性来监听数据的变化，使用 `deep: true` 选项来开启深度监听：

watch: {
  inputValue: {
    handler(newVal, oldVal) {
      console.log('inputValue changed:', newVal, oldVal)
    },
    deep: true
  }
}

这样，无论是 `inputValue` 直接改变还是其中的某个属性改变，都会触发 `handler` 函数。需要注意的是，深度监听会带来一些性能上的消耗，需要谨慎使用。