vue componet 怎么使用props

在 Vue 组件中，props 是用来从父组件向子组件传递数据的一种方式。可以通过在子组件中定义 props 对象来声明接收哪些属性，然后在父组件中通过绑定属性的方式将数据传递给子组件。

在子组件中，可以通过 `this.props` 或者在组件定义中使用解构赋值的方式来访问传递过来的属性值。

下面是一个简单的例子：

<!-- 父组件 -->
<template>
  <child-component :message="hello"></child-component>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      hello: 'Hello, World!'
    }
  }
}
</script>

<!-- 子组件 ChildComponent.vue -->
<template>
  <div>{{ message }}</div>
</template>

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

在这个例子中，父组件通过 `:message="hello"` 将数据传递给了子组件，子组件中定义了一个名为 `message` 的 props 属性来接收数据。在子组件中，通过 `{{ message }}` 显示传递过来的消息。