Vue3.0API中如何使用isProxy和isReactive
这篇“Vue3.0 API中如何使用isProxy和isReactive”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue3.0 API中如何使用isProxy和isReactive”文章吧。
创新互联公司于2013年成立,是专业互联网技术服务公司,拥有项目成都做网站、网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元石泉做网站,已为上家服务,为石泉各地企业和个人服务,联系电话:028-86922220
isProxy
检查对象是否是由 reactive 或 readonly 创建的 proxy。
isReactive
检查对象是否是由 reactive 创建的响应式代理。
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
如果该代理是 readonly 创建的,但包裹了由 reactive 创建的另一个代理,它也会返回 true。
import { readonly, isReactive, reactive } from "vue";
const state = reactive({
name: "John",
});
// 从普通对象创建的只读 proxy
const plain = readonly({
name: "Mary",
});
console.log(isReactive(plain)); // -> false
// 从响应式 proxy 创建的只读 proxy
const stateCopy = readonly(state);
console.log(isReactive(stateCopy)); // -> true
isReadonly
检查对象是否是由 readonly 创建的只读代理。
toRaw
返回 reactive 或 readonly 代理的原始对象。这是一个“逃生舱”,可用于临时读取数据而无需承担代理访问/跟踪的开销,也可用于写入数据而避免触发更改。不建议保留对原始对象的持久引用。请谨慎使用。
以上就是关于“Vue3.0 API中如何使用isProxy和isReactive”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。
当前文章:Vue3.0API中如何使用isProxy和isReactive
网站URL:http://hbruida.cn/article/gcidgs.html