最近在使用vue3開發項目,剛上手各種坑裏走,今天總結下遇到的ref和reactive
控制檯輸出結果如下:
由上圖可以看出來reactive打印出來的結果與基本寫法結果是一致的,但是使用reactive的時候會有一個警告,去官網查看一下,ref一般用於基本類型,reactive用於複雜類型
ref和reactive區別
》ref用於基本類型,reactive用於複雜類型
1.基本類型使用ref和reactive
由上圖可以看出reactive用在基本類型上會報警告,如果想要使用reactive,可以修改爲,使用一個對象包裝一下,因爲reactive本身就是用於複雜類型的數據
2.複雜類型使用ref和reactive
由上圖可以看出,ref用於複雜類型的時候會在value裏面又包裝一個對象,reactive的寫法就比較正常,由此可見ref並不是不能用於複雜類型,只是更推薦用於簡單類型