前言
使用vue也好有一段時間了,雖然對其雙向綁定原理也有了解個大概,但也沒好好探究下其原理實現(xiàn),所以這次特意花了幾晚時間查閱資料和閱讀相關(guān)源碼,自己也實現(xiàn)一個簡單版vue的雙向綁定版本,先上個成果圖來吸引各位:
代碼: 效果圖:
是不是看起來跟vue的使用方式差不多?接下來就來從原理到實現(xiàn),從簡到難一步一步來實現(xiàn)這個SelfVue。由于本文只是為了學習和分享,所以只是簡單實現(xiàn)下原理,并沒有考慮太多情況和設(shè)計,如果大家有什么建議,歡迎提出來。
本文主要介紹兩大內(nèi)容:
1. vue數(shù)據(jù)雙向綁定的原理。
2. 實現(xiàn)簡單版vue的過程,主要實現(xiàn){{}}、v-m