vue prop

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

<script>
export default {
  props: {
    // 定义一个名为 message 的 prop
    message: {
      type: String, // 指定 prop 的类型为字符串
      required: true, // 表示这个 prop 是必需的
      default: '默认消息' // 如果没有传递值，则使用默认值
    }
  }
}
</script>

解释说明：

• props 是 Vue 组件接收父组件传递数据的方式。
• 在上面的代码中，我们定义了一个名为 message 的 prop，它的类型是字符串，并且是必需的。如果父组件没有传递 message，则会使用默认值 '默认消息'。
• 父组件可以通过以下方式传递 message：

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

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentMessage: '来自父组件的消息'
    };
  }
}
</script>