vue 子组件监听转入的值并打印

在 Vue 子组件中，可以通过 `props` 属性来接收父组件传递过来的值，然后可以使用 `watch` 监听该值的变化，并在变化时进行相应操作。

例如，假设我们有一个父组件 App，它向一个子组件 Child 传递了一个名为 `value` 的属性，那么在 Child 组件中可以这样监听 `value` 的变化并打印：

<template>
  <div>{{ value }}</div>
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      required: true
    }
  },
  watch: {
    value(newValue) {
      console.log(newValue)
    }
  }
}
</script>

在上面的代码中，我们首先通过 `props` 定义了一个 `value` 属性，并指定了它的类型为字符串，并且必须存在。然后在 `watch` 中监听 `value` 的变化，并在变化时打印 `newValue`。这样，当父组件向 Child 组件传递的 `value` 值发生变化时，就会触发该 `watch`，从而执行相应的操作。