為您找到相關(guān)結(jié)果94個
Vue3中shallowRef和shallowReactive的性能優(yōu)化_vue.js_腳本之家
在shallowReactive 中,雖然 Vue 文檔中提到 shallowReactive 只會追蹤頂層屬性的響應(yīng)式更新,但實際上它的行為與 shallowRef 類似。即使使用 shallowReactive,嵌套對象的某些修改也可能觸發(fā)響應(yīng)式更新。這是因為 Vue 內(nèi)部的響應(yīng)式系統(tǒng)并沒有完全忽略嵌套屬性,尤其是在某些情況下,Vue 會使用 Proxy 機制對嵌套對象
www.dbjr.com.cn/javascript/327150b...htm 2025-6-9
vue3響應(yīng)式轉(zhuǎn)換常用API操作示例代碼_vue.js_腳本之家
// 創(chuàng)建 shallowReactive 代理對象 const shallowReactiveObject = shallowReactive({ message:'Hello'}) // 創(chuàng)建 shallowReadonly 代理對象 const shallowReadonlyObject = shallowReadonly({ message:'Hello'}) // 創(chuàng)建普通對象 const normalObject = { message:'Hello'} ...
www.dbjr.com.cn/javascript/3252878...htm 2025-5-31
vue3中的ref與reactive使用方法對比_vue.js_腳本之家
Vue3 與之前的版本相比有很多改進,其中最重要的改進之一是對響應(yīng)式數(shù)據(jù)的處理方式。Vue3 提供了兩個新的 API:ref和reactive,它們可以幫助我們更好地管理和處理響應(yīng)式數(shù)據(jù)。在這篇文章中,我們將詳細介紹 Vue3 中的ref和reactive的區(qū)別和使用方法。 一、ref ...
www.dbjr.com.cn/article/2816...htm 2025-5-30
Vue3中ref與reactive的詳解與擴展_vue.js_腳本之家
二、shallowRef和shallowReactive 遞歸監(jiān)聽和非遞歸監(jiān)聽 ref和reactive都屬于遞歸監(jiān)聽,也就是數(shù)據(jù)的每一層都是響應(yīng)式的,如果數(shù)據(jù)量比較大,非常消耗性能,非遞歸監(jiān)聽只會監(jiān)聽數(shù)據(jù)的第一層。 1. ref和shallowRef ref定義的數(shù)據(jù)每一層都是響應(yīng)式數(shù)據(jù) shallowRef定義的數(shù)據(jù),只有第一層是響應(yīng)式的,即只有在更改.value的時候...
www.dbjr.com.cn/article/2162...htm 2025-5-30
vue3中的ref和reactive定義數(shù)組方式_vue.js_腳本之家
在vue3中,定義響應(yīng)式數(shù)據(jù)一般有兩種方式: ref reactive 一般來說,我們使用 ref 來定義基本數(shù)據(jù)類型,使用 reactive 來定義復雜數(shù)據(jù)類型 但是也可以使用 ref 來定義數(shù)組 1、ref 定義數(shù)組 1 2 import { ref } from'vue' const arr = ref([]) 兩種情況: ...
www.dbjr.com.cn/javascript/300029y...htm 2025-6-7
解析vue3的ref,reactive的使用和原理_vue.js_腳本之家
而在 baseHandlers 中,get 和 set 都是通過工廠函數(shù)生成的,以便于適配除 reactive 外的其他 api,例如 readonly、shallowReactive、shallowReadonly 等。 baseHandlers 是處理 Array、Object 的數(shù)據(jù)類型的,這也是我們絕大部分時間使用 Vue3 時使用的類型,所以筆者接下來著重的講一下baseHandlers 中的 get 和 set ...
www.dbjr.com.cn/article/2640...htm 2025-5-20