vue3 的toref和torefs


 

roRef的作用是復制reactive的某一個屬性,轉成ref響應式的值,同時還保存着兩者的聯系,reactive的屬性值改變了ref的值也跟着改變,保留了引用,也就是你從 reactive 復制過來的屬性進行修改后,除了視圖會更新,原有 ractive 里面對應的值也會跟着更新,

可用於父組件傳遞的props數據時,要引用props的某個屬性且要保持響應式連接時就很有用。

 

 

toRefs的作用是復制reactive的所有屬性,里面的屬性轉成ref響應式的值,跟toref一樣保留着引用關系,其中一樣改變兩個都跟着改變,需要注意的是經過torefs轉換使用的時候需要帶上.value,比如stateAsRefs.foo在模板使用的時候需要轉成ref響應式的值stateAsRefs.foo.value而state.foo不用.value

常用於es6的解構賦值操作。
主要解決 對一個響應式對象直接解構時解構后的數據將不再有響應式

就比如你在外部文件寫了一些參數在對象里然后導進來 這時候解構出來是沒有響應式的就可以直接用這個包着再解構

 

 

 

 


免責聲明!

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



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