Vue 實現原理


vue.js是數據驅動web界面的庫。vue核心思想個:數據驅動、組件系統

vue實現數據驅動視圖原理

  數據驅動是vue最大特點,所謂的數據驅動就是:當數據發生變化的時候,界面會相應的變化,我們不需要手動去修改dom。

  vue數據驅動的實現

  首先vue在實例化的過程中,會遍歷傳給實例化對象選項中的data選項中的所有屬性,並使用Object.defineProperty(obj,key,{set:function(){},get:function(){}})把這些屬性定義到實例上。當更改data里的數據時,比如vm.b =1,會調用Object.defineProperty內部的set方法(這就是修改數據試圖會更新的關鍵),在set方法中去通知視圖更新。這樣就實現了所謂的試圖驅動

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM