vue書寫規範 風格指南

2021-10-04 07:09:08 字數 644 閱讀 3035

<

/good-item>

export

default

data()

}//在vue的根例項data可以是物件,因為只有乙個根例項

newvue(}

)

props:

}

情況一:迴圈陣列,只顯示item.active==1的item

解決方法:computed先過濾出來需要展示的陣列,在迴圈

="item" v-

for=

"item in activelist"

>

}<

/div>

computed:)}

}

情況二:當列表為空時,隱藏列表

解決方法:v-if用在item 的父元素上

"list.length>0"

>

="item" v-

for=

"item in list"

>

}<

/div>

<

/div>

Vue風格指南

2 元件的data必須是乙個函式 data function 3 prop定義應該詳細。細緻的 prop 定義有兩個好處 更好的做法!props 4 為v for設定鍵值 在元件上總是必須用key配合v for,以便維護內部元件及其子樹的狀態。甚至在元素上維護可 的行為。案例 如你想使用給列表加過渡...

Vue 風格指南

了解vue風格指南,有利於規範編碼,現將一些規則記錄如下 1 元件 單檔案元件的檔名應該要麼始終是單詞大寫開頭 pascalcase 要麼始終是橫線連線 kebab case 單例元件名 在每個頁面中只是使用一次的元件應該以the字首命名,以示其唯一性。這類元件永遠不會接受任何prop。和父元件緊密...

vue 新增新屬性,vue書寫規範

有時你可能需要為已有物件賦予多個新屬性,比如使用object.assign 或 extend 在這種情況下,你應該用兩個物件的屬性建立乙個新的物件。所以,如果你想新增新的響應式屬性,methods this.obj,age 1111 components props data created mou...