vue組件命名規範以及組件方法書寫順序推薦

vue組件命名規範

1.單文件組件的文件名應該要麼始終是單詞大寫開頭 (PascalCase)，要麼始終是橫線連接 (kebab-case)

因爲單詞大寫開頭對於代碼編輯器的自動補全最爲友好，因爲這使得我們在 JS(X) 和模板中引用組件的方式儘可能的一致。然而，混用文件命名方式有的時候會導致大小寫不敏感的文件系統的問題，這也是橫線連接命名同樣完全可取的原因。

2.應用特定樣式和約定的基礎組件 (也就是展示類的、無邏輯的或無狀態的組件) 應該全部以一個特定的前綴開頭，比如 Base、App 或 V。

如

components/
|- BaseButton.vue
|- BaseTable.vue
|- BaseIcon.vue

components/
|- AppButton.vue
|- AppTable.vue
|- AppIcon.vue

components/
|- VButton.vue
|- VTable.vue
|- VIcon.vue

https://cn.vuejs.org/v2/style-guide/

vue組件書寫順序推薦

    - components   
    - props    
    - data     
    - created
    - mounted
    - activited
    - update
    - beforeRouteUpdate
    - metods   
    - filter
    - computed
    - watch