這篇文章主要講解了Vue是如何實現(xiàn)的，內(nèi)容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

成都創(chuàng)新互聯(lián)公司是專業(yè)的大方網(wǎng)站建設(shè)公司，大方接單;提供做網(wǎng)站、網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行大方網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

用了Vue也有兩年時間了，一直以來都是只知其然，不知其所以然，為了能更好的使用Vue不被Vue所奴役，學習一下Vue底層的基本原理。

Vue官網(wǎng)有一段這樣的介紹：當你把一個普通的JavaScript對象傳給Vue實例的data選項，Vue將遍歷此對象所有的屬性，并使用Object.defineProperty把這些屬性全部轉(zhuǎn)為getter/setter。Object.defineProperty是ES5中一個無法shim的特性，這也就是為什么Vue不支持 IE8 以及更低版本瀏覽器。

通過這一段的介紹不難可以得出，Vue是通過Object.defineProperty對實例中的data數(shù)據(jù)做了挾持并且使用Object.defineProperty的getter/setter并對其進行處理之后完成了數(shù)據(jù)的與視圖的同步。

這張圖應該不會很陌生，熟悉Vue的同學如果仔細閱讀過Vue文檔的話應該都看到過。猜想一下Vue使用Object.defineProperty做為ViewModel，對數(shù)據(jù)進行挾持之后如果View和Model發(fā)生變化的話，就會通知其相對應引用的地方進行更新處理，完成視圖的與數(shù)據(jù)的雙向綁定。

下面舉個例子：

html:

<div id="name"></div>

分享標題：Vue是如何實現(xiàn)的-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://chinadenli.net/article40/hpeeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站改版、動態(tài)網(wǎng)站、外貿(mào)建站、小程序開發(fā)、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)