為您找到相關(guān)結(jié)果23,412個(gè)
Vue3系列之effect和ReactiveEffect track trigger源碼解析_vue.js...
一、ReactiveEffect 1. 相關(guān)的全局變量 之前提到的effect,便是ReactiveEffect的實(shí)例。用到了一些重要的全局變量。 targetMap:弱映射,以目標(biāo)對(duì)象target為key,其收集到的依賴集depsMap為值,因此通過目標(biāo)對(duì)象target可以獲取到對(duì)應(yīng)的所有依賴; activeEffect:當(dāng)前活躍的effect,隨后會(huì)被收集起來;
www.dbjr.com.cn/article/2660...htm 2025-6-7
一文帶你深入理解Vue3響應(yīng)式原理_vue.js_腳本之家
reactive和effect的實(shí)現(xiàn)1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 export const reactive = <T extends object>(target:T) => { return new Proxy(target,{ get (target,key,receiver) { const res = Reflect.get(target,key,receiver) as object return res }, set (target,key,value,receiver...
www.dbjr.com.cn/article/2671...htm 2025-5-28
一文詳解Vue3的watch是如何實(shí)現(xiàn)監(jiān)聽的_vue.js_腳本之家
首先定義了兩個(gè)變量effect和getter,effect是ReactiveEffect類的實(shí)例。 接著就是使用isRef(source)判斷watch監(jiān)聽的是不是一個(gè)ref變量,如果是就將getter函數(shù)賦值為getter = () => source.value。這么做的原因是為了保持一致(watch也可以直接監(jiān)聽一個(gè)getter函數(shù)),并且后面會(huì)對(duì)這個(gè)getter函數(shù)進(jìn)行讀操作觸發(fā)依賴收集。 我們...
www.dbjr.com.cn/javascript/331415a...htm 2025-5-28
茶余飯后聊聊Vue3.0響應(yīng)式數(shù)據(jù)那些事兒_vue.js_腳本之家
reactive(value) 創(chuàng)建可觀察的變量,參數(shù)可以是 JS 原始類型、引用、純對(duì)象、類實(shí)例、數(shù)組、集合(Map|Set)。 effect(fn) effect 意思是副作用,此方法默認(rèn)會(huì)先執(zhí)行一次。如果 fn 中有依賴的可觀察屬性變化時(shí),會(huì)再次觸發(fā)此回調(diào)函數(shù) computed(()=>expression) ...
www.dbjr.com.cn/article/1731...htm 2025-6-5
Vue reactive函數(shù)實(shí)現(xiàn)流程詳解_vue.js_腳本之家
const parent = reactive(proto); Object.setPrototypeOf(child, parent); effect(() => { console.log(child.bar); }); child.bar = 2; // 輸出 1 2 2 ??這里我們比較一下child和parent的攔截函數(shù),可以發(fā)現(xiàn)receiver的值都是相同的,發(fā)生變化的是target的值,因此我們可以通過比較taregt的值來取消par...
www.dbjr.com.cn/article/2716...htm 2025-6-3
vue 3 effect作用與原理解析_vue.js_腳本之家
Vue3的Effect是其響應(yīng)式系統(tǒng)的核心,負(fù)責(zé)依賴追蹤和自動(dòng)響應(yīng),它通過ReactiveEffect類封裝副作用邏輯,實(shí)現(xiàn)依賴收集和觸發(fā)更新,本文介紹vue 3 effect作用與原理解析,感興趣的朋友一起看看吧+ 目錄 GPT4.0+Midjourney繪畫+國(guó)內(nèi)大模型 會(huì)員永久免費(fèi)使用!【 如果你想靠AI翻身,你先需要一個(gè)靠譜的工具!】 Vue 3 的 Effect...
www.dbjr.com.cn/javascript/3352515...htm 2025-6-4
15 分鐘掌握vue-next響應(yīng)式原理_vue.js_腳本之家
可以發(fā)現(xiàn)我們熟悉的依賴收集階段(同時(shí)也是觀察者模式的訂閱過程),是在 effect 中進(jìn)行的,依賴收集的準(zhǔn)備工作(即數(shù)據(jù)劫持邏輯),是在 reactive 中進(jìn)行的,而數(shù)據(jù)變化的觸發(fā)響應(yīng)的邏輯在后面的 state.count++ 代碼執(zhí)行時(shí)進(jìn)行(同時(shí)也是觀察者模式的發(fā)布過程),之后便會(huì)執(zhí)行之前傳入 effect 內(nèi)部的回調(diào)函數(shù)并輸入 count: 1。
www.dbjr.com.cn/article/1718...htm 2025-5-28
Vue3 計(jì)算屬性computed的實(shí)現(xiàn)原理_vue.js_腳本之家
public readonly effect: ReactiveEffect<T> public readonly __v_isRef = true public readonly [ReactiveFlags.IS_READONLY]: boolean // dirty標(biāo)志,用來表示是否需要重新計(jì)算值,為true 則意味著 臟, 需要計(jì)算 public _dirty = true public _cacheable: boolean constructor( getter: ComputedGetter<T>, priv...
www.dbjr.com.cn/article/2583...htm 2025-5-23