Vue 是一款流行的前端框架，它提供了一种简单但功能强大的组件化方式。组件是 Vue 应用程序的核心概念，是一个可重用的代码块。组件通过 props 属性从父组件中传递数据。

要向组件传递数据，需要在组件中定义 props 属性。props 是组件的属性，它可以是任何数据类型。可以在组件的 props 对象中定义需要传递的属性：

Vue.component('child-component', {
  props: ['message'],
  template: '
{{ message }}
'
})

在父组件中，需要使用 v-bind 指令将数据传递给子组件：

上面的代码中，v-bind:message 将父组件的 parentMessage 属性的值绑定到子组件的 message 属性。

在子组件中，可以通过访问 props 对象的属性来访问传递的数据：

Vue.component('child-component', {
  props: ['message'],
  template: '
{{ message }}
',
  created: function () {
    console.log(this.message)
  }
})

上面的代码中，created 钩子函数在组件创建时调用，可以访问 message 属性并将其打印到控制台。