vue3.2父子组件传值默认值

在 Vue 3.2 中，父组件向子组件传递值时，可以通过props属性来设置默认值。下面是一个示例：

<template>
  <div>
    <child-component :message="message" />
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      message: 'Hello'
    };
  }
};
</script>

在上面的代码中，父组件通过`message`属性向子组件传递值，并设置了默认值为`'Hello'`。在子组件中，可以通过props接收该值，如下所示：

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

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

在子组件的props中，设置了`message`属性的类型为字符串，并且设置了默认值为`'Default Message'`。如果父组件没有传递`message`属性或传递的值为空，则子组件将使用默认值。

这样，当父组件传递了`message`属性时，子组件将显示父组件传递的值；如果父组件没有传递`message`属性，则子组件将显示默认值。