vue3中ref與reactive之間的區別

最近在使用vue3開發項目,剛上手各種坑裏走,今天總結下遇到的ref和reactive

控制檯輸出結果如下:

由上圖可以看出來reactive打印出來的結果與基本寫法結果是一致的,但是使用reactive的時候會有一個警告,去官網查看一下,ref一般用於基本類型,reactive用於複雜類型

ref和reactive區別

》ref用於基本類型,reactive用於複雜類型

1.基本類型使用ref和reactive

由上圖可以看出reactive用在基本類型上會報警告,如果想要使用reactive,可以修改爲,使用一個對象包裝一下,因爲reactive本身就是用於複雜類型的數據

2.複雜類型使用ref和reactive

由上圖可以看出,ref用於複雜類型的時候會在value裏面又包裝一個對象,reactive的寫法就比較正常,由此可見ref並不是不能用於複雜類型,只是更推薦用於簡單類型

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章