首頁 > 軟體

Vue3 Reactive響應式原理邏輯詳解

2022-07-03 14:00:49

前言

本篇文章主要講解vue響應式原理的邏輯,也就是vue怎麼從最開始一步步推匯出響應式的結構框架。 先從頭構建一個簡單函數推匯出Vue3的Reactive原理,最後再進行原始碼的驗證。

一、怎麼實現變數變化

怎麼實現變數變化,相關依賴的結果也跟著變化

 當原本price=5變為price=20total應該變為40,但是實際total並不會改變。 解決辦法可以這樣,當變數改變了,重新計算一次,那麼結果就會改變為最新的結果。

如果需要重新計算,我們需要將total語句儲存為一個函數,才能實現依賴的變數改變就進行一次依賴項計算。這裡就用effect表示函數名。

來,試一下:

 


IT145.com E-mail:sddin#qq.com