监听vu对象里面得值

在Vue.js中，如果你想监听某个Vue实例对象（通常称为`this`）内部属性的变化，可以使用`watch`选项或者`v-model`配合`$data`。这里有两个方法：

1. **使用`watch`属性**：

// 定义一个响应式的数据对象
export default {
  data() {
    return {
      value: '初始值'
    }
  },
  watch: {
    // 当value发生变化时，回调函数会被触发
    value(newVal, oldVal) {
      console.log('value已更新，从', oldVal, '变为', newVal);
    }
  }
}

2. **使用`v-model`结合`$data`**：
如果value是一个对象或数组深层属性，你可以使用计算属性或者直接监听`$data.value`：

<template>
  <input v-model="computedValue" />
</template>

<script>
export default {
  data() {
    return {
      value: { nested: '初始值' }
    };
  },
  computed: {
    computedValue() {
      return this.value.nested;
    }
  },
  watch: {
    'computedValue'(newVal, oldVal) {
      console.log('nested值已更新');
    }
  }
}