元件

Props被用來將狀態傳遞給子元件。在這篇文章中，我們將學習有關Props的所有內容。 在元件內部定義prop 接受多個prop 設定prop的類型 設定必要的prop 設定prop的預設值 將prop傳遞給元件 在元件內部定義prop Props是元件從包含它們的元件（父元件）接收數據的方式。 當一個元件期望一個或多個prop時，它必須在其props屬性中定義它們： Vue.component('user-name', { props: ['name'], template: '<p>Hi {{ name }}</p>' }) 或者，在Vue的Single File Component中： <template> <p>{{ name }}</p> </template> <script> export default { props: ['name'] } </script> 接受多個prop 你可以通過將它們附加到陣列上來接受多個prop： Vue.component('user-name', { props: ['firstName', 'lastName'], template: '<p>Hi {{ firstName }} {{ lastName }}</p>' }) 設定prop的類型 你可以通過使用物件而不是陣列來指定prop的類型，使用每個屬性的名稱作為每個屬性的鍵，類型作為值： Vue.component('user-name', { props: { firstName: String, lastName: String }, template: '<p>Hi {{ firstName }} {{ lastName }}</p>' }) 你可以使用的有效類型有：...