这篇文章主要介绍了vue3.0 api中怎么使用shallowReactive的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue3.0 API中怎么使用shallowReac
这篇文章主要介绍了vue3.0 api中怎么使用shallowReactive的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue3.0 API中怎么使用shallowReactive文章都会有所收获,下面我们一起来看看吧。
shallowReactive
创建一个响应式代理,它跟踪其自身 property 的响应性,但不执行嵌套对象的深层响应式转换 (暴露原始值)。
<script setup>
import { shallowReactive, isReactive } from "vue";
const state = shallowReactive({
foo: 1,
nested: {
bar: 2
}
})
// 改变 state 本身的性质是响应式的
state.foo++
// ...但是不转换嵌套对象
console.log(isReactive(state.nested)) // false
state.nested.bar++ // 非响应式
</script>
与 reactive 不同,任何使用 ref 的 property 都不会被代理自动解包。
shallowReadonly
创建一个 proxy,使其自身的 property 为只读,但不执行嵌套对象的深度只读转换 (暴露原始值)。
<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”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“Vue3.0 API中怎么使用shallowReactive”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网node.js频道。
--结束END--
本文标题: Vue3.0 API中怎么使用shallowReactive
本文链接: https://www.lsjlt.com/news/89384.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
一口价域名售卖能注册吗?域名是网站的标识,简短且易于记忆,为在线用户提供了访问我们网站的简单路径。一口价是在域名交易中一种常见的模式,而这种通常是针对已经被注册的域名转售给其他人的一种方式。
一口价域名买卖的过程通常包括以下几个步骤:
1.寻找:买家需要在域名售卖平台上找到心仪的一口价域名。平台通常会为每个可售的域名提供详细的描述,包括价格、年龄、流
443px" 443px) https://www.west.cn/docs/wp-content/uploads/2024/04/SEO图片294.jpg https://www.west.cn/docs/wp-content/uploads/2024/04/SEO图片294-768x413.jpg 域名售卖 域名一口价售卖 游戏音频 赋值/切片 框架优势 评估指南 项目规模 安全指南 Osprey 游戏分析 游戏调试 游戏图形 游戏物理 开源库 魔方破解 游戏安全
0