Vue -- props_vue props-CSDN博客

Vue中的props是用于接收父组件传递给子组件的数据的一种机制。props可以在子组件中声明，并且可以指定其类型、默认值等属性。下面是一个关于Vue中props的例子：

// 子组件
<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      required: true,
      default: 'Hello World'
    }
  }
}
</script>

// 父组件
<template>
  <div>
    <child-component :message="parentMessage" />
  </div>
</template>

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

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

在上面的例子中，父组件通过`:message`将`parentMessage`传递给子组件的`message`属性。子组件中的`message`属性被声明为字符串类型，并且设置了默认值为'Hello World'。如果父组件没有传递`message`属性，子组件将使用默认值。