views 命名
views 文件夾下面是由 以頁面為單位的vue文件 或者 模塊文件夾 組成的蛮瞄,放在 src 目錄之下,與 components、assets 同級。
views 下的文件夾命名
- views 下面的文件夾代表著模塊的名字
- 由名詞組成(car搀军、order、cart)
- 單詞只能有一個(gè)(good: car order cart)(bad: carInfo carpage)
- 盡量是名詞(good: car)(bad: greet good)
- 以小寫開頭(good: car)(bad: Car)
views 下的 vue 文件命名
- views 下面的 vue 文件代表著頁面的名字
- 放在模塊文件夾之下
- 只有一個(gè)文件的情況下不會(huì)出現(xiàn)文件夾勇皇,而是直接放在 views 目錄下面罩句,如 Login Home
- 盡量是名詞
- 大寫開頭,開頭的單詞就是所屬模塊名字(CarDetail敛摘、CarEdit门烂、CarList)
- 名字至少兩個(gè)單詞(good: CarDetail)(bad: Car)
- 常用結(jié)尾單詞有(Detail、Edit兄淫、List诅福、Info匾委、Report)
- 以 Item 結(jié)尾的代表著組件(CarListItem、CarInfoItem)
vue 方法命名
vue 方法放置順序
- components
- props
- data
- created
- mounted
- activited
- update
- beforeRouteUpdate
- metods
- filter
- computed
- watch
method 自定義方法命名
- 動(dòng)賓短語(good:jumpPage氓润、openCarInfoDialog)(bad:go赂乐、nextPage、show咖气、open挨措、login)
- ajax 方法以 get、post 開頭崩溪,以 data 結(jié)尾(good:getListData浅役、postFormData)(bad:takeData、confirmData伶唯、getList觉既、postForm)
- 事件方法以 on 開頭(onTypeChange、onUsernameInput)
- init乳幸、refresh 單詞除外
- 盡量使用常用單詞開頭(set瞪讼、get、open粹断、close符欠、jump)
- 駝峰命名(good: getListData)(bad: get_list_data、getlistData)
data props 方法注意點(diǎn)
- 使用 data 里的變量時(shí)請先在 data 里面初始化
- props 指定類型瓶埋,也就是 type
- props 改變父組件數(shù)據(jù) 基礎(chǔ)類型用 $emit 希柿,復(fù)雜類型直接改
- ajax 請求數(shù)據(jù)用上 isLoading、isError 變量
- 不命名多余數(shù)據(jù)养筒,現(xiàn)在是詳情頁曾撤、你的數(shù)據(jù)是 ajax 請求的,那就直接聲明一個(gè)對象叫 d晕粪,而不是每個(gè)字段都聲明
- 表單數(shù)據(jù)請包裹一層 form
生命周期方法注意點(diǎn)
- 不在 mounted盾戴、created 之類的方法寫邏輯,取 ajax 數(shù)據(jù)兵多,
- 在 created 里面監(jiān)聽 Bus 事件