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 属性并将其打印到控制台。