Vue.js 中的組件通信采用了非常方便的 Props 的方式。利用 Props 機制，父組件可以向子組件傳遞數(shù)據(jù)，讓子組件擁有了處理數(shù)據(jù)的能力。

在 Vue.js 組件中，我們可以通過一個叫 props 的屬性來傳遞數(shù)據(jù)。在子組件中，可以通過定義 props 來聲明可以接收哪些數(shù)據(jù)。

Vue.component('child-component', {
props: ['msg'],
template: '<p>{{ msg }}</p>'
})

上面代碼中，我們在子組件中定義了一個 props 名為 msg，則可以在子組件的 template 中使用 msg 變量來訪問來自父組件的值。

此時，子組件在子組件使用過程中 - 沒有從父組件接收到數(shù)據(jù)，則 props 中聲明的默認值就會派上用場。通過在 props 中設定一個默認值，我們可以為子組件提供一個 fallback 值，并確保組件在缺失數(shù)據(jù)時能夠正常渲染。

Vue.component('child-component', {
props: {
msg: {
type: String,
default: 'Hello Vue!'
}
},
template: '<p>{{ msg }}</p>'
})

上面代碼中，我們使用 props 對象來定義一個具有默認值的 msg 屬性，在當父組件沒有傳遞 message 的時候，子組件中 msg 就會使用默認值。