- Vue.js從入門到項目實踐(超值版)
- 聚慕課教育研發中心編著
- 214字
- 2022-07-29 14:27:47
5.2.3 與傳統事件綁定的區別

與傳統事件綁定的區別有如下幾點。
(1)無須手動管理事件。ViewModel被銷毀時,所有的事件處理器都會自動被刪除,重新獲取DOM綁定事件,然后在特定情況下解綁,最后解脫出來。
(2)解耦。ViewModel代碼是純粹的邏輯代碼,和DOM無關,有利于將代碼邏輯寫成自動化測試用例。
(3)Vue.extend()。為了重復使用子組件,Vue.js提供了Vue.extend(options)方法創建基礎Vue構造器的“子類”,參數options對象和直接聲明Vue實例參數對象基本一致。

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

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