Vue3.0 API中如何使用isProxy和isReactive

這篇“Vue3.0 API中如何使用isProxy和isReactive”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“Vue3.0 API中如何使用isProxy和isReactive”文章吧。

isProxy

檢查對(duì)象是否是由 reactive 或 readonly 創(chuàng)建的 proxy。

isReactive

檢查對(duì)象是否是由 reactive 創(chuàng)建的響應(yīng)式代理。

<script setup>

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

const count = ref(123);

const state = reactive({

  name: "John",

});

console.log(isReactive(state)); // -> true

console.log(isReactive(count)); // -> true

</script>

如果該代理是 readonly 創(chuàng)建的，但包裹了由 reactive 創(chuàng)建的另一個(gè)代理，它也會(huì)返回 true。

<script setup>

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

const state = reactive({

  name: "John",

});

// 從普通對(duì)象創(chuàng)建的只讀 proxy

const plain = readonly({

  name: "Mary",

});

console.log(isReactive(plain)); // -> false

// 從響應(yīng)式 proxy 創(chuàng)建的只讀 proxy

const stateCopy = readonly(state);

console.log(isReactive(stateCopy)); // -> true

</script>

isReadonly

檢查對(duì)象是否是由 readonly 創(chuàng)建的只讀代理。

toRaw

返回 reactive 或 readonly 代理的原始對(duì)象。這是一個(gè)“逃生艙”，可用于臨時(shí)讀取數(shù)據(jù)而無需承擔(dān)代理訪問/跟蹤的開銷，也可用于寫入數(shù)據(jù)而避免觸發(fā)更改。不建議保留對(duì)原始對(duì)象的持久引用。請(qǐng)謹(jǐn)慎使用。

以上就是關(guān)于“Vue3.0 API中如何使用isProxy和isReactive”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。