当前位置:首页> 正文
Vue3.0API介绍中 isProxy,isReactive使用示例
Vue3.0API介绍中 isProxy,isReactive使用示例
isProxy
检查对象是否是由 reactive 或 readonly 创建的 proxy。
isReactive
检查对象是否是由 reactive 创建的响应式代理。
<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 创建的,但包裹了由 reactive 创建的另一个代理,它也会返回 true。
<script setup>
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
</script>
isReadonly
检查对象是否是由 readonly 创建的只读代理。
toRaw
返回 reactive 或 readonly 代理的原始对象。这是一个“逃生舱”,可用于临时读取数据而无需承担代理访问/跟踪的开销,也可用于写入数据而避免触发更改。不建议保留对原始对象的持久引用。请谨慎使用。
|
展开全文阅读
相关内容
-
在wps中粘贴保留原格式化|wps中复制文件保留原
在wps中粘贴保留原格式化|wps中复制文件保留原有格式,格式化,...
-
中联吊车电脑显示器图解|中联吊车电脑说明书
中联吊车电脑显示器图解|中联吊车电脑说明书,,1. 中联吊车电脑...
-
金蝶k3财务软件中有成本么|金蝶K3软件中如何跑
金蝶k3财务软件中有成本么|金蝶K3软件中如何跑成本,,1.金蝶K3...
-
无法读取U盘中的数据
无法读取U盘中的数据,,核心提示:我有一个512MB的U盘,把它插在电...
-
如何在安装过程中部署DevExpress控件
如何在安装过程中部署DevExpress控件,控件,文件,本文目录如何...
-
苹果电脑如何连接和使用扫描仪
苹果电脑如何连接和使用扫描仪,,扫描仪的使用 用苹果扫描图像...
-
wps数据拟合图形公式|你好,请问在WPS中拟合线性
wps数据拟合图形公式|你好,请问在WPS中拟合线性方程,请问在WP...
-
wps中的快捷键是什么|wps中的快捷键是什么意思
wps中的快捷键是什么|wps中的快捷键是什么意思,,wps中的快捷键...
-
金蝶k3入如何设置公式|金蝶K3中计量单位该如何
金蝶k3入如何设置公式|金蝶K3中计量单位该如何设置呢?,,1.金蝶...
-
wps删除重复数据|WPS表格中,删除重复项,只保留
wps删除重复数据|WPS表格中,删除重复项,只保留一个数据,如何...
-
如何使用selenium+TestNG做web数据驱动测试
如何使用selenium+TestNG做web数据驱动测试,数据库,数据,本文...
-
iPad的手势功能iPad4手势的使用教程
iPad的手势功能iPad4手势的使用教程,,可能有很多朋友刚刚接触...
-
索尼哪些耳机能连电脑|索尼哪些耳机能连电脑使
索尼哪些耳机能连电脑|索尼哪些耳机能连电脑使用,,1. 索尼哪些...
-
金蝶kis专业版技巧|如何使用金蝶KIS专业版
金蝶kis专业版技巧|如何使用金蝶KIS专业版,,1.如何使用金蝶KIS...
-
绝地求生标记快捷键|绝地求生鼠标中键快速标记
绝地求生标记快捷键|绝地求生鼠标中键快速标记,,绝地求生鼠标...