為您找到相關結果21,453個
Vue3中shallowRef和shallowReactive的性能優(yōu)化_vue.js_腳本之家
在shallowReactive 中,雖然 Vue 文檔中提到 shallowReactive 只會追蹤頂層屬性的響應式更新,但實際上它的行為與 shallowRef 類似。即使使用 shallowReactive,嵌套對象的某些修改也可能觸發(fā)響應式更新。這是因為 Vue 內部的響應式系統(tǒng)并沒有完全忽略嵌套屬性,尤其是在某些情況下,Vue 會使用 Proxy 機制對嵌套對象
www.dbjr.com.cn/javascript/327150b...htm 2025-5-29
vue3的ref,computed,reactive和toRefs你都了解嗎_vue.js_腳本之家
在vue2中,data函數(shù)里返回的值直接為響應式的,但在vue3中我們需要使用一些函數(shù)才能達到這個效果。 setup函數(shù)中拿不到vue的this 1、ref 本質為一個函數(shù),輸入參數(shù)為一個值(原始類型),返回響應式的對象 2、computed 本質為一個函數(shù),輸入參數(shù)是一個函數(shù),可以將我們需要的值作為輸入函數(shù)的返回值 ...
www.dbjr.com.cn/article/2416...htm 2025-5-16
vue3中的ref與reactive使用方法對比_vue.js_腳本之家
Vue3 與之前的版本相比有很多改進,其中最重要的改進之一是對響應式數(shù)據的處理方式。Vue3 提供了兩個新的 API:ref和reactive,它們可以幫助我們更好地管理和處理響應式數(shù)據。在這篇文章中,我們將詳細介紹 Vue3 中的ref和reactive的區(qū)別和使用方法。 一、ref ...
www.dbjr.com.cn/article/2816...htm 2025-5-30
Vue3 實現(xiàn)網頁背景水印功能的示例代碼_vue.js_腳本之家
const watermarkEl = shallowRef<HTMLElement>(); const createWatermark = (str: string, attr?: attr) => { if (unref(watermarkEl)) { updateWatermark({ str, attr }); return id; } const div = document.createElement("div"); watermarkEl.value = div; div.id = id; div.style.pointerEvents...
www.dbjr.com.cn/article/2582...htm 2025-6-1
Vue3.0中Ref與Reactive的區(qū)別示例詳析_vue.js_腳本之家
Ref與Reactive創(chuàng)建的都是遞歸響應的,將每一層的json 數(shù)據解析成一個proxy對象,shallowRef 與shallowReactive創(chuàng)建的是非遞歸的響應對象,shallowReactive創(chuàng)建的數(shù)據第一層數(shù)據改變會重新渲染dom 1 2 3 4 5 6 7 8 9 10 11 12 13 14 var state = shallowReactive({ a:'a', gf:{ b:'b', f:{ c:'c', s...
www.dbjr.com.cn/article/2168...htm 2025-5-25