很亂岁经,不管绕辖,我就要發(fā)
vue 的漸進式理念
用v-for循環(huán)渲染時彬祖,應當加上一個唯一key值荣堰,即類似
<div v-for="item in items" :key="item.id" />
官網(wǎng)里說這樣是因為采用了“就地復用”策略剩失,就是說當一個列表被修改之后衰抑,它不會移動dom蚕愤,而是改改要改的琐馆,為了保證這種順序的正確性呢夭拌,我們要提供這個Key.
還有類似
?<div v-for="(item, index) in items" :key="item.id">
inde為item在items中的索引
如果循環(huán)遍歷的是一個對象魔熏,還多了一個參數(shù)可以使用
<div v-for="(item, index, value) in object":key="item.id">
value是屬性名
組件有自己獨立的作用域,所以任何數(shù)據(jù)都不會被自動傳遞至組件里
那么為了組件之間能有數(shù)據(jù)交流鸽扁,要用props
需要注意的是動態(tài)prop有些不同蒜绽,我們需要用v-bind來動態(tài)地(所謂動態(tài)地就是在復制的時候加上v-bind)將prop單向綁定到父組件的數(shù)據(jù)。注意動態(tài)語法和字面量語法的不同喲~
prop是單向的(父到子)那么反過來的數(shù)據(jù)流可以用 自定義事件桶现。
每個Vue實例都實現(xiàn)了事件接口躲雅。
具體來說就是父組件在調用子組件時監(jiān)聽子組件的事件
v-on:子組件定義的事件="此時要做的事情"
vue思想之 方法、dom操作骡和、視圖分離
由此相赁,出現(xiàn)了事件修飾符相寇,按鍵修飾符