## 一、組件注冊 在Vue中通過Vue.use注冊全局組件，將插件注冊到Vue對象上，而且只能注冊一次。 1、**組件名應該始終是多個單詞的，根組件 App 除外** 這樣做可以避免跟現有的以及未來的 HTML 元素相沖突，因為所有的 HTML 元素名稱都是單個單詞的； 2、**單文件組件的文件名應該要么始終是單詞大寫開頭 (PascalCase)，要么始終是橫線連接 (kebab-case)**，建議用**kebab-case**； 混用文件命名方式有的時候會導致大小寫不敏感的文件系統的問題，這也是橫線連接命名同樣完全可取的原因； ~~~js Vue.component('MyComponentName', { /* ... */ }) ~~~ ## 二、父子組件通信 #### 父組件到子組件通訊 1、通過 props 傳遞數據 (推薦) 父子通訊中最常見的數據傳遞方式就是通過props傳遞數據，就好像方法的傳參一樣，父組件調用子組件并傳入數據，子組件接受到父組件傳遞的數據進行驗證使用； props 可以是數組或對象，用于接收來自父組件的數據。props 可以是簡單的數組，或者使用對象作為替代，對象允許配置高級選項，如類型檢測、自定義校驗和設置默認值； 2、 通過 $on 傳遞父組件方法 通過$on傳遞父組件方法是組件通信中常用的方法傳遞方式。它可以與通過props傳遞方法達到相同的效果。相比于props傳遞function,它更加的直觀和顯示的表現出了調用關系； #### 子組件到父組件通訊 1、通過 $emit 傳遞父組件數據 (推薦) 與父組件到子組件通訊中的$on配套使用，可以向父組件中觸發的方法傳遞參數供父組件使用； 2、refs 獲取 可以通過在子組件添加ref屬性，然后可以通過ref屬性名稱獲取到子組件的實例。準確來說這種方式和 `this.$parent` 一樣并不屬于數據的傳遞而是一種主動的查找。 ## 三、組件樣式修改 如果你希望 scoped 樣式中的一個選擇器能夠作用得“更深”，例如影響子組件，你可以使用 `>>>` 操作符：