在Vue.js中，組件是構成應用程序的重要模塊，而子組件是組件的重要組成部分。在很多場景下，我們需要在父組件中向子組件傳遞數據，這時候就可以使用props。

props是屬性的縮寫，用來傳遞數據，傳遞的值可以是任意類型，例如字符串、數字、對象、數組等。在子組件中使用props，需要在組件的props選項中聲明要接收哪些屬性以及它們的類型和限制條件。

Vue.component('my-component', {
// 聲明props
props: {
// 傳遞字符串類型
title: String,
// 傳遞數字類型
likes: Number,
// 傳遞對象類型
author: Object,
// 傳遞數組類型
comments: Array,
// 傳遞布爾類型，有默認值
isPublished: {
type: Boolean,
default: false
},
// 傳遞函數類型，必須傳遞
submit: {
type: Function,
required: true
}
},
template: '
{{ title }}
'
})

在子組件中使用props，只需要在組件實例的模板中插值使用即可。示例中，我們使用了{{ title }}來獲取父組件傳遞來的title屬性。

注意：子組件中接收的props是單向數據流的，即父組件可以傳遞數據到子組件，但是子組件無法修改父組件傳遞來的數據。如果需要改變，可以通過向父組件發送事件，在父組件中修改數據。

除了props選項外，Vue.js還提供了propsData選項，在創建子組件實例時可以傳遞props。這個選項在測試組件時非常有用，因為它可以方便地為組件傳遞數據并測試其行為。

const vm = new Vue({
el: '#app',
components: {
'my-component': MyComponent
},
template: '',
data: {
title: 'Hello, Vue!'
},
propsData: {
likes: 10,
author: { name: 'John', age: 30 },
comments: [
{ text: 'Good job!', author: 'Anna' },
{ text: 'Nice work!', author: 'Bob' }
],
isPublished: true,
submit: () =>{}
}
})

以上是關于Vue.js子組件props的詳細介紹。props是非常實用的特性，通過它，我們可以快速的在父組件和子組件之間傳遞數據。在使用props時，需要注意傳遞的值類型和限制條件，以及props是單向數據流的。