5.2.3　與傳統事件綁定的區別

與傳統事件綁定的區別有如下幾點。

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

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

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

運行效果如圖5-12所示。

圖5-12　與傳統事件綁定的區別運行效果