一，前言

1.相對于ref和reactive，shallowRef 和shallowReactive創建的數據是淺響應式的

二，shallowRef介紹

1.shallowRef可以創建一個跟蹤自身 .value 變化的 ref，但不會使其值也變成響應式的

2.當使用shallowRef為一個基礎類型數據創建響應性時，行為是和ref一樣的。

3.不同的是，當使用shallowRef為復雜類型創建響應性時，修改深層屬性，不具備響應性

const a = shallowRef({b:1}) a.value.b = 2 //視圖不會更新 console.log(a.value) //{b : 2} 但是能追蹤到值得變化a.value={b:2} //一整個替換時，視圖會變化

三，shallowReactive介紹

1.創建一個響應式代理，它跟蹤其自身 property 的響應性，但不執行嵌套對象的深層響應式轉換 (暴露原始值)

2.相對于reactive，shallowReactive只有最外層的屬性是響應的

const state = shallowReactive({foo: 1,nested: {bar: 2} })// 改變 state 本身的性質是響應式的 state.foo++ // ...但是不轉換嵌套對象 isReactive(state.nested) // false state.nested.bar++ // 非響應式

總結

以上是生活随笔為你收集整理的shallowRef和shallowReactive的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。