1:ref創(chuàng)建:基本類型淤齐、對(duì)象類型的響應(yīng)式數(shù)據(jù)
- 作用:定義響應(yīng)式變量
- 語法:let xxx = ref(初始值)
- 返回值:一個(gè)RefImpl的實(shí)例對(duì)象拧额,簡稱ref對(duì)象碘裕。ref對(duì)象的value屬性是響應(yīng)式的。
- 注意點(diǎn):
在模板中使用不需要.value太示。在js中操作數(shù)據(jù)需要:xxx.value
2:reactive創(chuàng)建:對(duì)象類型的響應(yīng)式數(shù)據(jù)
3:ref和reactive對(duì)比
- 定義的類型不同
- 使用原則
若需要定義一個(gè)基本類型的響應(yīng)式數(shù)據(jù)柠贤,使用ref
若需要定義一個(gè)對(duì)象類型的響應(yīng)式數(shù)據(jù),層級(jí)不深类缤,使用ref或reactive都可以
若需要定義一個(gè)對(duì)象類型的響應(yīng)式數(shù)據(jù)且層級(jí)較深臼勉,推薦使用reactive - 使用方法
ref創(chuàng)建的變量必須使用.value
reactive重新分配一個(gè)新對(duì)象會(huì)失去響應(yīng)式(可以使用Object.assigin去整體替換)
4: vscode中的這個(gè)配置可以幫助我們給ref的響應(yīng)式變量自動(dòng)添加.value