vue模板語(yǔ)法:插值語(yǔ)法{{name}}、指令語(yǔ)法:v-bind或者簡(jiǎn)寫:
2023-03-020個(gè)贊
所屬章節(jié)課程:Vue中的數(shù)據(jù)代理
通過object.defineProperty()把vm中data中的屬性添加到vue實(shí)例上,給每個(gè)屬性添加getter、setter,通過操作getter、setter去操作data中的值。
2023-03-020個(gè)贊
事件修飾符:@click.prevent(阻止默認(rèn)事件)、@click.stop(阻止冒泡)、@click.once(只執(zhí)行一次) 、@click.capture)(阻止捕獲)、self、passive
2023-03-020個(gè)贊
key原理:key是虛擬DOM的唯一標(biāo)識(shí),數(shù)據(jù)發(fā)生變化成,根據(jù)數(shù)據(jù)生成新的虛擬DOM,進(jìn)行新舊虛擬DOM對(duì)比,若新舊虛擬DOM key值一致,如content發(fā)生變化,替換內(nèi)容,如內(nèi)容未變化,使用之前真實(shí)的DOM內(nèi)容;若key值不一致,創(chuàng)建新的真實(shí)DOM.index作為標(biāo)識(shí),若有逆順添加、刪除等逆順操作,產(chǎn)生沒有必要的真實(shí)DOM更新,效果沒問題,效率低。結(jié)構(gòu)中有輸入類的DOM,界面產(chǎn)生問題
2023-03-030個(gè)贊