input输入完成后监听watch监听

在Vue.js中，`input`和`watch`都是处理数据变化的重要机制：

1. **input事件**：
- `input`是原生HTML事件，用于监听元素内容的实时变化。在Vue中，如果你在模板中使用`v-model`指令，Vue会自动绑定`input`事件并更新视图。例如：

   <input v-model="message">

当`message`的数据发生改变时，input事件会被触发。

2. **watch劫持（Watch）**：
- `watch`是Vue提供的一个更强大、更灵活的数据侦听器。它允许你在数据变化时执行自定义的函数。语法如下：

   data() {
     return {
       message: ''
     }
   },
   watch: {
     message: {
       handler(newValue, oldValue) {
         // 当message发生变化时执行的函数
         console.log('Message updated:', newValue);
       },
       deep: true, // 如果你想监听深层数据的变化，可以设置为true
       immediate: true // 如果数据初始就满足触发条件，首次调用handler
     }
   }

这里，`handler`是你定义的回调函数，当`message`的值改变时会被调用。

相关问题--
1. Vue中的input事件如何触发？
2. 在Vue中，watch与input事件相比有哪些优势？
3. 如何在watch中设置深度检测？