Vue 侦听器（watchers）

在Vue中，侦听器（watchers）是一个非常重要的特性，它允许我们观察和响应Vue实例上数据属性的变化。当数据属性发生变化时，我们可以执行一些特定的操作，比如更新DOM、发起网络请求或者执行其他业务逻辑。

侦听器的定义与使用

在Vue组件中，我们可以通过watch选项来定义侦听器。watch是一个对象，它的键是要侦听的数据属性名，值是一个回调函数。当侦听的数据属性发生变化时，这个回调函数就会被调用。

回调函数参数

回调函数接收两个参数：新值和旧值。这两个参数分别表示数据属性变化后的新值和变化前的旧值。这使得我们可以在回调函数中根据新值和旧值来执行相应的操作。

深度侦听

当需要侦听的对象是嵌套的对象或数组时，我们可能希望侦听其内部属性的变化。这时，可以使用deep选项来开启深度侦听。但是，需要注意的是，深度侦听会增加一定的性能开销，因此应谨慎使用。

立即执行

默认情况下，侦听器在数据属性首次变化时不会执行。如果需要侦听器在组件创建时立即执行，可以使用immediate选项。这样，当组件创建时，即使数据属性尚未发生变化，侦听器的回调函数也会被执行一次。

示例

下面是一个简单的示例，演示了如何在Vue中使用侦听器来观察和响应数据属性的变化：

new Vue({
   
  el: '#app',
  data: {
   
    name: '',
    greeting: 'Hello!'