在vue3的開(kāi)發(fā)中，reactive是提供實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)的方法。日常開(kāi)發(fā)這個(gè)是使用頻率很高的api。這篇文章筆者就來(lái)探索其內(nèi)部運(yùn)行機(jī)制。小白一枚，寫(xiě)得不好請(qǐng)多多見(jiàn)諒。

調(diào)試版本為3.2.45

• 什么是reactive?

  reactive是Vue3中提供實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)的方法.

  在Vue2中響應(yīng)式數(shù)據(jù)是通過(guò)defineProperty來(lái)實(shí)現(xiàn)的.

  而在Vue3響應(yīng)式數(shù)據(jù)是通過(guò)ES6的Proxy來(lái)實(shí)現(xiàn)的

• reactive注意點(diǎn)

  reactive參數(shù)必須是對(duì)象(json/arr)

  如果給reactive傳遞了其他對(duì)象,默認(rèn)情況下修改對(duì)象,界面不會(huì)自動(dòng)更新,如果想更新,可以通過(guò)重新賦值的方式。【