vue watch写法

Vue中的watch是用来监测数据变化并执行相应的操作的。watch的写法有多种方式，以下是几种常见的写法：

1. 基础写法：

new Vue({
  data: {
    text: 'Hello World'
  },
  watch: {
    text: function(newVal, oldVal) {
      console.log('text发生变化：', newVal, oldVal);
    }
  }
})

2. 对象写法：

new Vue({
  data: {
    text: 'Hello World'
  },
  watch: {
    text: {
      handler: function(newVal, oldVal) {
        console.log('text发生变化：', newVal, oldVal);
      },
      immediate: true, // 是否在初始化时立即执行
      deep: true // 是否深度监听对象的变化
    }
  }
})

3. 字符串写法：

new Vue({
  data: {
    text: 'Hello World'
  },
  watch: {
    'text': function(newVal, oldVal) {
      console.log('text发生变化：', newVal, oldVal);
    }
  }
})

4. 数组写法：

new Vue({
  data: {
    text: 'Hello World',
    count: 0
  },
  watch: [
    {
      handler: function(newVal, oldVal) {
        console.log('text发生变化：', newVal, oldVal);
      },
      deep: true
    },
    'count'
  ]
})