原文：vue3中toRaw以及markRow情況（系列八）
reactive類型數據代碼 我們點擊按鈕后，發現obj修改name的屬性的數據成功了，但是頁面視圖並沒有更新，不是響應式的。通過封裝了state的對象，修改name屬性，會更改頁面視圖更新 一句話，如果我們對reactive的源數據進行改變的時候，是不會引起界面的改變，也就不會產生有關的計算了。 如果我們有修改 obj的內容，又不想觸發界面改變的時候，我們就可以修改obj 可問題是，如果我沒創建 ...
2021-03-05 11:22 0 1884 推薦指數：
相關推薦
ref類型數據代碼 通過發現，如果利用ref將某一個對象中的屬性變成響應式的數據， 我們修改響應式的數據是不會影響到原始數據的obj !== state， 會觸發頁面更新 通過toRef ...
數據是ref類型 效果，點擊按鈕，頁面數據變成666了，注意，vue模板中沒有age.value,因為ref類型的數據有isRef屬性，底層自動會將.value加上。 數據是reactive類型 效果，點擊按鈕，頁面還是個對象數據 ...
reactive reactive 是 Vue3 中提供的實現響應式數據的方法。 在 Vue2 中響應式數據是通過 defineProperty 來實現的，在 Vue3 中響應式數據是通過 ES6 的 Proxy 來實現的。具體參照Vue雙向數據綁定，Vue3 ...
所以Vue3就給我們提供了ref方法, 實現對簡單值的監聽 2.re ...
利用readonly封裝數據，遞歸只讀 打印情況 點擊按鈕，盡管重新賦值了數據，但是並沒有更改數據，所以只能是只讀的，並且是遞歸只讀，層級深的數據也是沒有變化。而且頁面並沒有跟新 利用shallowReadonly封裝數據，非遞歸只讀 ...
}) 這並不是一個多么復雜的方法，如果要使用，記得是在自定義的 ref 中返回一個 customRef，而 cu ...
遞歸監聽 默認情況下，Vue3 中的 ref 和 reactive 都是遞歸監聽的(層級深的對象)，即能實時監聽對象的底層變化。 例如，在 ref 中 點擊 button reactive遞歸 在 reactive ...