-
reactive
- 只能傳入對象
- 傳參：
reactive(arg)- arg為普通對象
- 返回響應式對象定铜，不管層級多深阳液，都能響應
- 解構、擴展運算符會失去響應式（$1）
-
ref
- 可以傳入任意類型（基本類型宿稀、引用類型）
- 傳參：
ref(arg)- arg為任意類型趁舀，推薦基本類型使用
-
toRef
針對reactive中$1的問題，創(chuàng)建了toRef
-
傳參：
toRef(arg1, arg2)- 參數(shù)1：arg1 - reactive響應式對象
- 參數(shù)2：arg2 - 該響應對象中的某個屬性祝沸。
-
可以針對reactive創(chuàng)建的響應式對象中的某個屬性創(chuàng)建一個ref矮烹，且兩個之間保持引用關系。
也就是說用一個對象的某個屬性罩锐，可以通過兩個方式來改變奉狈，結果是一致的，都反應到了該響應式對象上來涩惑。
例：
// 響應式對象 const state = reactive({ name: 'cc', age: 18 }) // 通過toRef創(chuàng)建一個Ref響應式 const nameRef = toRef(state, 'name') // 此時有兩種方式來改變state中的name屬性仁期，且都具有響應式 // 方式一 state.name = 20 // state = {name: 'cc', name: 20} // 方式二 nameRef.value = 30 // state = {name: 'cc', name: 30}
-
toRefs
- 從名字上可以看出跟toRef是相似的，其實確實也是相似的
- 區(qū)別
- toRef是將reactive中的某個屬性轉為ref
- toRefs是一次性將reactive中的所有屬性都轉為ref
- 傳參：
toRefs(arg1)- 只接受一個參數(shù)，為reactive響應式對象
- 對于reactive中存在的$1問題跛蛋，toRefs返回的響應式對象可以進行解構熬的、擴展運算符等操作，而不會失去響應式赊级。
ref铃在、reactive阵具、toRef、toRefs使用與區(qū)別
最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門挂脑，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人翘县，你說我怎么就攤上這事最域。” “怎么了锈麸？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長牺蹄。 經(jīng)常有香客問我忘伞，道長，這世上最難降的妖魔是什么沙兰？ 我笑而不...
- 正文 為了忘掉前任氓奈，我火速辦了婚禮，結果婚禮上鼎天，老公的妹妹穿的比我還像新娘舀奶。我一直安慰自己，他們只是感情好斋射，可當我...
- 文/花漫 我一把揭開白布育勺。 她就那樣靜靜地躺著，像睡著了一般罗岖。 火紅的嫁衣襯著肌膚如雪涧至。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼窄陡，長吁一口氣：“原來是場噩夢啊……” “哼倒信！你這毒婦竟也來了？” 一聲冷哼從身側響起泳梆，我...
- 正文 年R本政府宣布，位于F島的核電站策菜，受9級特大地震影響晶疼，放射性物質發(fā)生泄漏。R本人自食惡果不足惜又憨，卻給世界環(huán)境...
- 文/蒙蒙 一翠霍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蠢莺，春花似錦寒匙、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至耸携，卻和暖如春棵癣，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背夺衍。 一陣腳步聲響...
