一、響應式的底層實現

創新互聯公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網站設計、成都網站建設、外貿網站建設、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的平壩網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

1、Vue與MVVM

Vue是一個 MVVM框架，其各層的對應關系如下

• View層：在Vue中是綁定dom對象的HTML
• ViewModel層：在Vue中是實例的vm對象
• Model層：在Vue中是data、computed、methods等中的數據

在 Model 層的數據變化時，View層會在ViewModel的作用下，實現自動更新

2、Vue的響應式原理

Vue響應式底層實現方法是 Object.defineProperty() 方法，該方法中存在一個getter和setter的可選項，可以對屬性值的獲取和設置造成影響

Vue中編寫了一個wather來處理數據

在使用getter方法時，總會通知wather實例對view層渲染頁面
同樣的，在使用setter方法時，總會在變更值的同時，通知wather實例對view層進行更新
3、響應式原理與兼容

由于 Object.defineProperty() 方法只部分支持IE9，所以Vue兼容IE版本最低為IE9，在IE9中，Vue的核心框架、vue-router、vuex是確保可以正常使用的

4、響應式原理示意圖

1、在實例前聲明

var vm = new Vue({
data: {
name: "failte"
}
})

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享名稱：淺談Vue的響應式原理-創新互聯
文章路徑：http://vcdvsql.cn/article6/ddjcig.html

成都網站建設公司_創新互聯，為您提供服務器托管、電子商務、網站設計公司、手機網站建設、關鍵詞優化、虛擬主機

廣告

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