在表單文本框?qū)懭胛谋緯r(shí)摩梧,將文本同步顯示
數(shù)據(jù)監(jiān)聽.gif
實(shí)現(xiàn)此效果有多種方式蛔翅。
事件監(jiān)聽方式
keyup事件監(jiān)聽
watch監(jiān)聽
watch
會(huì)自動(dòng)監(jiān)聽data
中定義的數(shù)據(jù)
watch監(jiān)聽
computed計(jì)算屬性
當(dāng)computed
中用到的數(shù)據(jù)余佃,有任何一個(gè)變動(dòng)時(shí)堤舒,就會(huì)觸發(fā)重新計(jì)算
computed計(jì)算屬性
computed
vs methods
vs watch
computed
結(jié)果會(huì)被緩存商模,除非依賴的響應(yīng)式屬性變化才會(huì)重新計(jì)算椎椰。主要當(dāng)作屬性來使用methods
表示一個(gè)具體的操作厦幅,主要用于寫業(yè)務(wù)邏輯watch
主要用來監(jiān)聽某些特定數(shù)據(jù)的變化,從而進(jìn)行某些具體的業(yè)務(wù)邏輯操作慨飘;可以看作是computed
和methods
的結(jié)合體