1、setup和選項式API之間的關系
???????(1)vue2中的data,methods可以與vue3的setup共存
???????(2)vue2中的data可以用this讀取setup中的數據,但是反過來不行,因為setup中的this是undefined
(3)不建議vue2和vue3的語法混用
2、setup的掛載時機比beforeCreate早
輸出順序:
3、setup語法糖
(1)直接在script標簽中加上setup,這樣就只需要關注數據和方法,不用特地return?
注意:兩個script標簽中的語言要一致,均為ts/js
(2)只寫一個script就可以既用setup語法糖,又暴露組件名(有時組件名和組件文件名不一定相同)
安裝一個插件
npm i vite-plugin-vue-setup-extend -D
在vite.config.ts中引入該插件?
4.ref創建 基本類型的響應式數據?
(1)當基本類型數據被ref包裹,它就變成了響應式數據(數據變,頁面變)
(2)ref返回的是一個RefImpl對象
(3)在template中使用ref創建的數據時不需要.value,但是在script中操作數據時需要.value