- Vue.js從入門到項(xiàng)目實(shí)踐(超值版)
- 聚慕課教育研發(fā)中心編著
- 214字
- 2022-07-29 14:27:47
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)行效果
推薦閱讀
- Dreamweaver CS5網(wǎng)頁設(shè)計(jì)與制作教程
- 網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- Photoshop電商網(wǎng)頁廣告設(shè)計(jì)實(shí)戰(zhàn)從入門到精通(超值版)
- Dreamweaver CS6網(wǎng)頁設(shè)計(jì)與制作教程
- CSS+DIV網(wǎng)頁樣式與布局案例指導(dǎo)
- Dreamweaver CC中文版網(wǎng)頁設(shè)計(jì)與制作從新手到高手
- HTML+CSS+JavaScript網(wǎng)頁制作案例教程(第2版)
- 速學(xué)速通:快學(xué)Flash動(dòng)畫制作
- ADOBE DREAMWEAVER CS6 標(biāo)準(zhǔn)培訓(xùn)教材
- 《練就職場功夫熊貓》
- CSS圖鑒
- 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作(HTML5+CSS3+JavaScript)(第3版)
- Premiere Pro CS6多功能教材
- ASP快速建站全程實(shí)錄
- JavaScript網(wǎng)頁游戲制作輕松學(xué)