一 命名

變數命名要小寫開頭，一般是一個名詞

函式命名採用峰駝式命名，一般第一個但是是一個動詞，函式名應該能總結出這個函式的功能

類的命名採用短線的形式，因為html不能識別大小寫，所以不要採用峰駝式，類的命名不要像函式名一樣，一般是一個名詞，一般而言，是表明這個類起作用的範圍，例如

自定義事件名同樣採用短線的形式命名，原因同上

檔案命名要大寫開頭，元件檔名一般表明這個檔案內的元件

無論是函式名還是自定義事件名，都應該有含義，名字不要起的太大眾化，比如getWidth（）這樣的函式名，就不具備足夠的資訊量，應該表明是獲取誰的寬度。一個太過於普通的函式名，不僅會阻礙理解和維護，還容易產生同名函式

二 縮排：

冒號： 分號； 逗號，後面都應該加空格 （偽類除外 例如 .timeline-desc:hover 這裡：左右就沒有空格）

花括號左右兩邊加空格，例如：{{ a }}

if while for 這些判斷/迴圈 指令與（）之間加空格，例如： if （）

小括號與花括號之間要加空格 例如： if （） {.......}

+ - * / && || 這些運算子左右兩邊都應該加上空格

定義一個函式的時候，函式名與（）之間應該加空格，但是呼叫函式的時候函式名與（）之間不應該加空格

三 書寫位置

如果一個樣式只在本檔案中用到，要注意 <style scoped> 加上scoped限制

如果一個樣式在全域性起作用，應該將該樣式書寫在總的css檔案中

如果是因為需要修改覆蓋第三方元件而書寫的特殊樣式，但是又不能加上scoped限制，應該將樣式書寫在總的css檔案中，並加上與第三方元件所在的檔案相對應的類名，防止樣式汙染，同時讓人一眼就看明白該樣式是針對誰書寫