為您找到相關(guān)結(jié)果41個
Vue3響應(yīng)式高階用法之shallowReadonly()使用_vue.js_腳本之家
其中,shallowReadonly() 是一個非常有用的工具,適用于需要部分只讀狀態(tài)的場景。本文將詳細(xì)介紹 shallowReadonly() 的使用方法及其應(yīng)用場景。 一、簡介 shallowReadonly() 是Vue3 提供的一個響應(yīng)式 API,用于將對象的頂層屬性設(shè)為只讀。與 readonly 不同的是,shallowReadonly 只會影響對象
www.dbjr.com.cn/javascript/327856k...htm 2025-6-3
vue3響應(yīng)式轉(zhuǎn)換常用API操作示例代碼_vue.js_腳本之家
import { reactive, readonly, shallowReactive, shallowReadonly, isProxy } from'vue' // 創(chuàng)建 reactive 代理對象 const reactiveObject = reactive({ message:'Hello'}) // 創(chuàng)建 readonly 代理對象 const readonlyObject = readonly({ message:'Hello'}) // 創(chuàng)建 shallowReactive 代理對象 const shallowReactive...
www.dbjr.com.cn/javascript/3252878...htm 2025-5-31
Reactive Programming入門概念詳解_java_腳本之家
為了應(yīng)對高并發(fā)環(huán)境下的服務(wù)端編程,xx提出了一個實現(xiàn)異步編程的方案 -Reactive Programming,中文名稱反應(yīng)式編程。反應(yīng)式編程(reactive programming)并不是一個新的概念,也不是一個新的技術(shù),很早之前就被提出來了。 先從幾個概念入門說起: Reactive Programming Reactive Streams Reactor Webflux Reactive Programming 反應(yīng)...
www.dbjr.com.cn/article/2640...htm 2025-6-5
vueJs函數(shù)readonly與shallowReadonly使用對比詳解_vue.js_腳本之家
在不希望數(shù)據(jù)被修改,或當(dāng)數(shù)據(jù)是從別的地方取過來,不希望影響源數(shù)據(jù)時,使用readonly()或shallowReadonly()就很有用至于數(shù)據(jù)能不能修改是由寫代碼的開發(fā)者決定的,也是由產(chǎn)品功能決定的,支不支持修改,可以控制數(shù)據(jù)是否能讀寫能力以上就是vueJs函數(shù)readonly與shallowReadonly使用對比詳解的詳細(xì)內(nèi)容,更多關(guān)于vue read...
www.dbjr.com.cn/article/2796...htm 2025-6-3
實現(xiàn)shallowReadonly和isProxy功能示例詳解_vue.js_腳本之家
const props = shallowReadonly({ n: { foo: 1 } }); expect(isReadonly(props)).toBe(true); expect(isReadonly(props.n)).toBe(false); }); }); shallowReadonly,淺層只讀,從單測也很容易看出來。一般的應(yīng)用場景,可能就是用于項目的優(yōu)化,避免將深層全部轉(zhuǎn)為readonly。 (二)代碼實現(xiàn) 1 2 3 4...
www.dbjr.com.cn/article/2709...htm 2025-5-27
VUE3常見面試題總結(jié)大全(看這一篇就夠了)_vue.js_腳本之家
readonly與shallowReadonly都是讓響應(yīng)式數(shù)據(jù)只具備讀的能力,后者是淺層次的只讀,也就是只對數(shù)據(jù)對象第一層起作用,深層次的嵌套,當(dāng)時用shallowReadonl()處理時,深層次數(shù)據(jù)支持被修改 1、readonly: 讓一個響應(yīng)式數(shù)據(jù)變?yōu)橹蛔x的 (深只讀),讓一個響應(yīng)式數(shù)據(jù)變?yōu)橹蛔x的,接收一個響應(yīng)式數(shù)據(jù),經(jīng)過readonly加工處理一下...
www.dbjr.com.cn/javascript/326799v...htm 2025-6-6
Vue3中的shallowRef 和shallowReactive對比分析_vue.js_腳本之家
vue3的shallowRef()、shallowReactive()和shallowReadonly() 1.shallowReactive():使用shallowReactive轉(zhuǎn)化的對象只有對象的第一層級有響應(yīng)式。 2.shallowRef():使用shallowRef轉(zhuǎn)化的基本數(shù)據(jù)類型和使用ref沒有差別,使用shallowRef轉(zhuǎn)化的對象都會失去響應(yīng)式。 3.shallowReadonly():使用shallowReadonly轉(zhuǎn)化的對象,只會在對象第...
www.dbjr.com.cn/article/2717...htm 2025-6-7
Vue3中其他的Composition API詳解_vue.js_腳本之家
readonly: 讓一個響應(yīng)式數(shù)據(jù)變?yōu)橹蛔x的(深只讀)。 shallowReadonly:讓一個響應(yīng)式數(shù)據(jù)變?yōu)橹蛔x的(淺只讀)。 應(yīng)用場景: 不希望數(shù)據(jù)被修改時。3.toRaw 與 markRawtoRaw: 作用:將一個由reactive生成的響應(yīng)式對象轉(zhuǎn)為普通對象。 使用場景:用于讀取響應(yīng)式對象對應(yīng)的普通對象,對這個普通對象的所有操作,不會引起頁面...
www.dbjr.com.cn/article/2789...htm 2025-5-13
深入了解Vue3中props的原理與使用_vue.js_腳本之家
setup(shallowReadonly(instance.props)) 因此我們在使用的時候就可以通過接收props在setup中讀值。 1 2 3 4 // 第一個參數(shù)props,用于父子組件傳值 setup(props) { console.log(props.count); // 打印傳入的props值 } 將proxy掛載到render上 在解析一個虛擬節(jié)點的時候,其實會先執(zhí)行setup函數(shù),然后再執(zhí)行rende...
www.dbjr.com.cn/article/2834...htm 2025-5-23