這篇文章主要介紹“Vue3.0 API中如何使用markRaw”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“Vue3.0 API中如何使用markRaw”文章能幫助大家解決問題。

10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有通山免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

markRaw

標記一個對象，使其永遠不會轉(zhuǎn)換為 proxy。返回對象本身。

<script setup>

import { markRaw, reactive, isReactive } from "vue";

const foo = markRaw({})

console.log(isReactive(reactive(foo))) // false

// 嵌套在其他響應式對象中時也可以使用

const bar = reactive({ foo })

console.log(isReactive(bar.foo)) // false

</script>

重要

markRaw 和下方的 shallowXXX API 使你可以有選擇地退出默認的深度響應式/只讀轉(zhuǎn)換模式，并將原始的，未被代理的對象嵌入狀態(tài)圖中。它們可以根據(jù)情況靈活運用：

有些值不應該是響應式的，例如復雜的第三方類實例或 Vue 組件對象。

當渲染具有不可變數(shù)據(jù)源的大列表時，跳過 proxy 轉(zhuǎn)換可以提高性能。

這些例子是進階的運用，因為原始選擇退出僅在根級別，因此，如果將嵌套在內(nèi)的、未標記的原始對象添加進響應式對象，然后再次訪問該響應式對象，就會得到原始對象被代理后的版本。這可能會導致同一性風險&mdash;&mdash;即執(zhí)行一個依賴于對象本身的操作，但同時使用同一對象的原始版本和被代理后的版本：

<script setup>

import { markRaw, reactive, isReactive } from "vue";

const foo = markRaw({

  nested: {}

})

const bar = reactive({

  // 雖然 `foo` 被標記為原始，但 foo.nested 不是。

  nested: foo.nested

})

console.log(foo.nested === bar.nested) // false

</script>

同一性風險通常很少見。然而，為了正確地使用這些 API，同時安全地避免同一性風險，就需要對響應性系統(tǒng)的工作原理有一個充分的理解。

關(guān)于“Vue3.0 API中如何使用markRaw”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

文章名稱：Vue3.0API中如何使用markRaw
轉(zhuǎn)載注明：http://www.chinadenli.net/article16/gejcdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、品牌網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、、網(wǎng)站改版

廣告

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