vue中的监听器有那些写法

在Vue中，常用的监听器有以下几种写法：

1. `$watch`方法，可以监听对象、数组、表达式等，当监听到变化时可以执行回调函数。

// 监听对象
vm.$watch('obj', function (newValue, oldValue) {
  // do something
})

// 监听数组
vm.$watch('arr', function (newValue, oldValue) {
  // do something
}, { deep: true })

// 监听表达式
vm.$watch(
  function () {
    return this.exp
  },
  function (newValue, oldValue) {
    // do something
  }
)

2. `computed`属性，可以根据响应式数据动态计算出一个新的值，当依赖的数据发生变化时会重新计算。

// 计算属性
computed: {
  fullName: function () {
    return this.firstName + ' ' + this.lastName
  }
}

3. `watch`选项，可以在组件创建时指定需要监听的数据，当数据发生变化时执行对应的回调函数。

// 监听属性
watch: {
  firstName: function (newValue, oldValue) {
    // do something
  },
  lastName: {
    handler: function (newValue, oldValue) {
      // do something
    },
    immediate: true // 立即执行回调函数
  }
}

以上是一些常用的监听器写法，根据具体的需求可以选择不同的方式来监听数据的变化。