一、問題背景 　　vue3使用el-form的時候，如下代碼，會導致輸入框無法輸入，無法賦值，選擇框無法選擇 　　ref 組件實例與 ref() 聲明響應式變量名重復就會導致響應式失效這樣的問題，form的任何表單內容均無法輸入，且會報錯：Uncaught (in promise ...

因為新開了一個項目使用vue3，不太熟悉，其中使用了ref和reactive關鍵字，簡單翻看文檔和一些講解之后，知道ref的實現是reactive。但使用中reactive()修飾的變量，不能直接對數組進行賦值操作，ref()卻可以，這個問題感到很奇怪。 記錄一下現在自己的想法 因為vue3 ...

reactive 接收一個普通對象然后返回該普調對象的響應式代理。等同於2.x的 Vue.observable() Vue3中響應數據核心是 reactive ， reactive 中的實現是由 Proxy 加 effect 組合 （effect 作為 reactive 的核心，主要負責 ...

響應性基礎 API 之 reactive 基本用法 返回對象的響應式副本，只能代理對象，不能代理普通值 實現原理 reactive 是基於 Proxy 實現的響應式。 以上代碼只是Vue3的部分源碼，簡單的實現了reactive的響應式原理。 ...

reactive 定義數據響應式 1、實現：基於ES6的 proxy 實現 2、參數：接收一個 對象 或者 數組 3、優點：能對深層次數據進行處理 　　　　 能直接修改數組 　　　　 能直接把對象屬性進行新增、修改、刪除（Object.defineProPerty 需要遍歷對象 ...

vue3使用proxy，對於對象和數組都不能直接整個賦值。 數組可以 res.forEach(e => { arr.push(e); });或者 const state = reactive({ arr: [] }); state.arr = [1, 2, 3] arr.push ...

上一部分中我們說到的ref只是作為單個變量的響應。 Vue3.0中還為我們提供了一個對象式響應的reactive函數 。 Reactive函數創建一個響應式對象。 一：Reactive函數 其實，在我看來，reactive函數 就是VUE3.0為我們提供的替代VUE2.0中data的一個 ...

reactive的用法與ref的用法相似，也是將數據變成響應式數據，當數據發生變化時UI也會自動更新。不同的是ref用於基本數據類型，而reactive是用於復雜數據類型，比如對象和數組例如：定義一個對象類型的變量user <template> <div> < ...