vue子组件如何监听父组件的值

在Vue中，子组件可以通过props来接收父组件传递的值。如果需要监听父组件传递的值的变化，可以使用watch来实现。

以下是一个示例代码，展示了子组件如何监听父组件的值：

// 子组件
export default {
  props: ['parentValue'],
  watch: {
    parentValue: {
      immediate: true, // 开启immediate为true，可以在初始加载时执行监听函数
      handler(newVal) {
        // 监听到父组件传递的值变化时执行的逻辑
        console.log('父组件的值发生了变化：', newVal);
      }
    }
  }
}

在上述代码中，子组件通过props接收了父组件传递的值`parentValue`。然后使用watch来监听`parentValue`的变化，并在变化时执行相应的逻辑。

需要注意的是，`immediate: true`选项可以让监听函数在初始加载时执行一次，以解决子组件无初始值的问题。