vue watch的原理

Vue 中的 watch 选项用于深度监听组件中的数据。当你指定了一个 watch 属性，Vue 实例就会在数据发生变化时触发回调函数。

watch 选项接受两个参数：

• 要监听的表达式或计算属性的名称
• 对应的回调函数

回调函数的第一个参数是新的值，第二个参数是旧的值。

示例：

<template>
  <div>
    <input v-model="message">
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello'
    }