Vue 響應(yīng)式原理的核心是通過(guò)使用 ObjectdefineProperty 函數(shù)來(lái)劫持對(duì)象的屬性來(lái)實(shí)現(xiàn)的在 Vue 中，我們可以將數(shù)據(jù)綁定到視圖上，這意味著當(dāng)數(shù)據(jù)發(fā)生變化時(shí)，視圖會(huì)自動(dòng)更新這種雙向綁定的機(jī)制使得編寫(xiě)復(fù)雜的應(yīng)用程序變得更加容易 Vue。

3Vue2需要對(duì)每個(gè)對(duì)象的每個(gè)屬性進(jìn)行遍歷，當(dāng)對(duì)象的屬性還是對(duì)象時(shí)，需要遞歸監(jiān)聽(tīng)，影響性能對(duì)于已創(chuàng)建的實(shí)例不允許動(dòng)態(tài)添加根級(jí)別的響應(yīng)式屬性，不具備監(jiān)聽(tīng)數(shù)組的能力而vue3可以監(jiān)聽(tīng)原生數(shù)組并監(jiān)聽(tīng)對(duì)象屬性的動(dòng)態(tài)添加和刪除。

原理在vue初始化的時(shí)候，會(huì)調(diào)用一個(gè)方法initData，用來(lái)初始化用戶傳入的data數(shù)據(jù)，然后newObserver，對(duì)數(shù)據(jù)進(jìn)行觀測(cè)，如果數(shù)據(jù)是個(gè)對(duì)象類型非數(shù)組的話，就會(huì)調(diào)一個(gè)thiswalkvalue方法進(jìn)行對(duì)象的處理，將對(duì)象進(jìn)行遍歷，然后使。

視圖更新原理 其原理就是vue的響應(yīng)式更新dom的原理，m = v m是數(shù)據(jù)，也就是在vuerouter install時(shí)在根組件root vue component添加了_route屬性，在匹配到對(duì)應(yīng)路由后更新了_route屬性值，繼而觸發(fā)了該屬性值的。

Vue js的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的API實(shí)現(xiàn)響應(yīng)式的數(shù)據(jù)綁定的組件開(kāi)發(fā) 29描述vuejs的一些特性 Vuejs有以下持性 1MVVM模式 數(shù)據(jù)模型 Model發(fā)生改變，視圖View監(jiān)聽(tīng)到變化，也同步改變視圖View發(fā)生改變，數(shù)據(jù)。

當(dāng)一個(gè)vue實(shí)例加載時(shí)，會(huì)進(jìn)行初始化，將他的配置項(xiàng)options和mixins的內(nèi)容合并，以options為主，而在初始化data時(shí)，會(huì)對(duì)data對(duì)象進(jìn)行數(shù)據(jù)劫持，并做代理，通過(guò)Objectdefinproperty劫持?jǐn)?shù)據(jù)后vue會(huì)查找當(dāng)前屬性有無(wú)依賴項(xiàng)既被。

vue響應(yīng)式數(shù)據(jù)原理是利用ObjectdefineProperty這個(gè)API來(lái)實(shí)現(xiàn)，該API可以監(jiān)聽(tīng)對(duì)象屬性的get和set，當(dāng)對(duì)象屬性被調(diào)用時(shí)，它能夠自動(dòng)觸發(fā)更新視圖Vue的響應(yīng)式實(shí)現(xiàn)，便是通過(guò)使用ObjectdefineProperty來(lái)劫持各個(gè)屬性的setter，getter。

vue2中ObjectdefineProperty響應(yīng)式只對(duì)對(duì)象有效，對(duì)數(shù)組無(wú)效，所以對(duì)數(shù)組做額外處理我們知道，會(huì)改變數(shù)組本身的方法只有7個(gè)sort， push， pop， slice， splice， shift， unshift，所以可以通過(guò)重寫(xiě)這些方法來(lái)達(dá)到數(shù)組響應(yīng)式 解。

vue的響應(yīng)式數(shù)據(jù)原理是vue的核心特性之一當(dāng)我們?cè)趘ue中修改數(shù)據(jù)時(shí)，頁(yè)面會(huì)自動(dòng)響應(yīng)并更新相應(yīng)的部分，這是由vue的響應(yīng)式數(shù)據(jù)原理實(shí)現(xiàn)的vue通過(guò)使用ObjectdefineProperty方法來(lái)實(shí)現(xiàn)對(duì)數(shù)據(jù)的監(jiān)聽(tīng)，當(dāng)數(shù)據(jù)發(fā)生變化時(shí)，vue會(huì)自動(dòng)。

vue響應(yīng)式基本原理是基于ObjectdefinePropertyobj，prop，descriptor，descriptor里面可以定義get和set方法，可以在獲取屬性值事觸發(fā)get方法可以收集依賴，設(shè)置屬性值時(shí)觸發(fā)set方法更新依賴Vue最獨(dú)特的特性之一，是其非。

a State特性vuex就是一個(gè)倉(cāng)庫(kù)，倉(cāng)庫(kù)里面放了很多對(duì)象，其中state就是數(shù)據(jù)源存放地，對(duì)應(yīng)于一般Vue對(duì)象里面的datastate里面存放的數(shù)據(jù)是響應(yīng)式的，Vue組件從store中讀取數(shù)據(jù)，若是store中的數(shù)據(jù)發(fā)生改變，依賴這個(gè)數(shù)據(jù)的組件也會(huì)發(fā)生更新。

1什么是vue的生命周期？ Vue實(shí)例從創(chuàng)建到銷毀的過(guò)程，就是生命周期也就是從開(kāi)始創(chuàng)建初始化數(shù)據(jù)編譯模板掛載DOM渲染更新渲染卸載等一系列過(guò)程，我們稱這是Vue的生命周期 2vue生命周期的作用是什么？ 它的生命周期中。

文章中給你列舉了部分的面試題，這些都是公司面試常遇到的，還有需要的還可以自己去查閱一下資料1activeclass是哪個(gè)組件的屬性？嵌套路由怎么定義？答vuerouter模塊的routerlink組件2怎么定義vuerouter的動(dòng)態(tài)路由？怎么獲取傳過(guò)來(lái)的。

vue 1響應(yīng)式思想，也就是基于數(shù)據(jù)可變的把htmljscss組合到一起，也可以通過(guò)標(biāo)簽引擎組合到一個(gè)頁(yè)面中 2雙向綁定，每一個(gè)屬性都需要建立watch監(jiān)聽(tīng)頁(yè)面不用，涉及到組件更新的話需要 3Vue宣稱可以。

Vue通過(guò)設(shè)定對(duì)象屬性的 settergetter 方法來(lái)監(jiān)聽(tīng)數(shù)據(jù)的變化，通過(guò)getter進(jìn)行依賴收集，而每個(gè)setter方法就是一個(gè) 觀察者Watcher ，在數(shù)據(jù)變更的時(shí)候通知 訂閱者Dep 更新視圖核心APIobserver 數(shù)據(jù)劫持 劫持對(duì)象的。

原理eventloop事件循環(huán) 在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)在修改數(shù)據(jù)之后立即使用這個(gè)方法，獲取更新后的 DOMkey 主要用在 Vue 的虛擬 DOM 算法，在新舊 nodes 對(duì)比時(shí)辨識(shí) VNodes不指定key時(shí)，Vue 會(huì)使用。