在html中使用元素，會有一些屬性，如class,id，還可以綁定事件，自定義組件也是可以的。當在一個組件中，使用了其他自定義組件時，就會利用子組件的屬性和事件來和父組件進行數據交流。 比如，子組件需要某個數據，就在內部定義一個prop屬性，然后父組件就像給html元素指定特性值一樣 ...

冒號屬性 　　　　：是指令 v-bind 的縮寫，是為了動態綁定數據，用於響應式地更新 HTML 特性。 　　　　加了冒號，后面是變量或表達式；不加冒號的是字符串。 　　　　如圖：將Home組件中的 probe-type 的值傳給子組件Scroll的時候，需要的是一個數字類型 ...

vue官網對於inheritAttrs的屬性解釋：如果你不希望組件的根元素繼承特性，你可以在組件的選項中設置 inheritAttrs: false。 可能不是很好理解，我們可以舉個例子來驗證一下。 父組件 parent-component.vue < ...

組件的屬性和事件 父子組件之間的通信 父子組件之間的通信就是 props down,events up，父組件通過 屬性props向下傳遞數據給子組件，子組件通過 事件events 給父組件發送消息。 比如，子組件需要某個數據，就在內部定義一個prop屬性，然后父組件就像給html元素指定特性 ...

...

Vue組件prop屬性 Prop prop 大小寫 Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '<h3> ...

什么是組件？ 在說之前我們先搞清楚什么是組件？這樣對我們下邊的學習是很有幫助的。 組件（Component）是Vue.js最強大的功能之一。組件可以擴展HTML元素，封裝可以重復使用的代碼。在較高層次上，組件就是自定義元素，Vue.js的編輯器為它添加特殊功能。在有些情況下，組件也可以是原生元素 ...

Vue中的data屬性專門用來以對象方式存放數據，它有兩種用法。 但是在組件中，只接受第二種用法，即將data作為一個函數名、數據對象作為函數返回值來使用。因為組件可能被用來創建多個實例。如果data仍然是一個純粹的對象，則所有的實例將共享引用同一個數據對象！通過提供data函數 ...