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

調(diào)試版本為3.2.45

• 什么是reactive?

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

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

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

• reactive注意點(diǎn)

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

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