vue 3.0 ---- reactive函數


一、reactive 函數引入

  import { reactive } from 'vue'

二、什么是 reactive?

  1、reactive 是 Vue3 中提供的實現數據響應式的方法

  2、在 Vue2 中響應式數據 是通過 defineProperty 來實現的 所以再對一些復雜類型進行更改時 視圖和數據不同步 需要通過 Vue.$set 進行處理

    但是在 Vue3 中響應式數據是通過 ES6 中的 Proxy 實現的 所以我們真的是可以告別 Vue.$set 可以愉快隨心所欲的進行 復雜類型的修改了 (^-^)V

三、reactive 注意點

  1、reactive 參數必須是對象(json/arr)

  2、如果給 reactive 傳遞了其他對象 

    (1)默認情況下修改對象,界面不會自動更新

    (2)如果想更新可以通過重新賦值的方式

四、總結

  不得不說 reactive 在 Vue3 中還是很重要的

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM