這篇文章主要介紹了Vue3.0 API中怎么使用shallowReactive的相關知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇Vue3.0 API中怎么使用shallowReactive文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、成都網(wǎng)站設計與策劃設計,沭陽網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設10多年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:沭陽等地區(qū)。沭陽做網(wǎng)站價格咨詢:18980820575

shallowReactive

創(chuàng)建一個響應式代理，它跟蹤其自身 property 的響應性，但不執(zhí)行嵌套對象的深層響應式轉(zhuǎn)換 (暴露原始值)。

<script setup>

import { shallowReactive, isReactive } from "vue";

const state = shallowReactive({

  foo: 1,

  nested: {

    bar: 2

  }

})

// 改變 state 本身的性質(zhì)是響應式的

state.foo++

// ...但是不轉(zhuǎn)換嵌套對象

console.log(isReactive(state.nested)) // false

state.nested.bar++ // 非響應式

</script>

與 reactive 不同，任何使用 ref 的 property 都不會被代理自動解包。

shallowReadonly

創(chuàng)建一個 proxy，使其自身的 property 為只讀，但不執(zhí)行嵌套對象的深度只讀轉(zhuǎn)換 (暴露原始值)。

<script setup>

import { shallowReadonly, isReadonly } from "vue";

const state = shallowReadonly({

  foo: 1,

  nested: {

    bar: 2

  }

})

// 改變 state 本身的 property 將失敗

state.foo++

console.log(isReadonly(state))

// ...但適用于嵌套對象

console.log(isReadonly(state.nested)) // false

state.nested.bar++ // 適用

</script>

與 readonly 不同，任何使用 ref 的 property 都不會被代理自動解包。

關于“Vue3.0 API中怎么使用shallowReactive”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“Vue3.0 API中怎么使用shallowReactive”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

標題名稱：Vue3.0API中怎么使用shallowReactive
瀏覽路徑：http://jinyejixie.com/article42/pgipec.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、網(wǎng)站設計、小程序開發(fā)、網(wǎng)站維護、域名注冊、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)