5.2.3　與傳統(tǒng)事件綁定的區(qū)別

與傳統(tǒng)事件綁定的區(qū)別有如下幾點(diǎn)。

（1）無須手動(dòng)管理事件。ViewModel被銷毀時(shí)，所有的事件處理器都會(huì)自動(dòng)被刪除，重新獲取DOM綁定事件，然后在特定情況下解綁，最后解脫出來。

（2）解耦。ViewModel代碼是純粹的邏輯代碼，和DOM無關(guān)，有利于將代碼邏輯寫成自動(dòng)化測試用例。

（3）Vue.extend()。為了重復(fù)使用子組件，Vue.js提供了Vue.extend(options)方法創(chuàng)建基礎(chǔ)Vue構(gòu)造器的“子類”，參數(shù)options對象和直接聲明Vue實(shí)例參數(shù)對象基本一致。

運(yùn)行效果如圖5-12所示。

圖5-12　與傳統(tǒng)事件綁定的區(qū)別運(yùn)行效果