vue父组件向子组件传值，怎么保证值是实时的

Vue父组件向子组件传值，需要使用props进行传递。在父组件中定义一个变量，然后将其作为props传递给子组件。在子组件中通过props获取父组件传递的值。

如果想保证传递的值是实时的，需要使用Vue的响应式机制。当父组件中的变量发生变化时，子组件中的props也会随之更新。可以使用computed属性或者watch监听父组件变量的变化，从而实现实时更新。

例如：

父组件中的代码：

<template>
  <div>
    <ChildComponent :message="message"></ChildComponent>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  methods: {
    updateMessage() {
      this.message = 'Hello World!'
    }
  }
}
</script>

子组件中的代码：

<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      default: ''
    }
  }
}
</script>

在父组件中，可以通过调用updateMessage方法来更新message变量的值。在子组件中，可以直接使用props中的message变量，并且它会随着父组件中message变量的更新而实时更新。