vue無法更新資料(vue響應式)

2021-09-11 08:24:00 字數 656 閱讀 4764

原因:

今天寫專案的時候頁面有乙個標題和狀態一直沒有發生變化。我一開始以為是非同步的問題,也確實,非同步方面確實存在問題。

但是當解決非同步問題之後,發現我所需要的資料和狀態依舊沒有發生改變。

如圖,1部分,我為了驗證非同步問題做了延遲處理。但是延遲3秒之後資料改變但是頁面引數依舊沒有改變。

所以我在頁面上面乾脆就做了乙個按鈕,這樣無論如何都是不存在非同步問題的。但是依舊不行。

我甚至一度懷疑自己是不是**錯了。(深深的懷疑)

這裡找到的原因:

參考:vue深入響應式原理:

vue 不允許在已經建立的例項上動態新增新的根級響應式屬性 (root-level reactive property)。然而它可以使用vue.set(object, key, value)方法將響應屬性新增到巢狀的物件上

意思是你的物件如果是乙個json物件或者陣列,你如果直接使用我截圖中的this方式是無法更改下級物件的。必須要在根物件發生變化的過程中就行修改。

語句可以改寫為

this.isgoodsinfo=;
直接修改根物件的方式。當然vue提供的方式,我還未使用,比如vue.set。

Vue 資料響應式

css響應式不用說大家都知道,拖動瀏覽器視窗大小時,內容布局和大小會自動變化。那麼vue的資料響應式就是,例項中,通過修改vm的.n值,就能改變data 中的n。let vm vue vue2中,資料響應式是通過object.defineproperty實現的。如果開發者給乙個data中不存在的變數...

vue響應式布局 Vue 響應式原理

vue2 的資料偵測 在 src observer 目錄裡面,元件例項在初始化時,會呼叫 observe 函式處理 data function initdata vm observe 改寫了所有物件屬性的 getter setter 和陣列原型上的 7 個會改寫陣列方法,從而讓 data 變成可響應...

對vue響應式資料更新的誤解

對於剛接觸vue的同學會經常遇到資料更新了但是模板沒有更新的問題,下面將結合vue的響應式特性以及非同步更新機制分析常見的錯誤 非同步資料的處理基本是一定會遇到的,處理不好就會遇到資料不更新的問題,但有一種情況是在未正確處理的情況下也能正常更新,這就會造成一種誤解,詳情如下所示 new vue re...