Vue3.0API中怎么使用shallowReactive
这篇文章主要介绍了Vue3.0 API中怎么使用shallowReactive的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue3.0 API中怎么使用shallowReactive文章都会有所收获,下面我们一起来看看吧。
创新互联是一家专注于做网站、成都网站设计与策划设计,沭阳网站建设哪家好?创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:沭阳等地区。沭阳做网站价格咨询:18980820575
shallowReactive
创建一个响应式代理,它跟踪其自身 property 的响应性,但不执行嵌套对象的深层响应式转换 (暴露原始值)。
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++ // 非响应式
与 reactive 不同,任何使用 ref 的 property 都不会被代理自动解包。
shallowReadonly
创建一个 proxy,使其自身的 property 为只读,但不执行嵌套对象的深度只读转换 (暴露原始值)。
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++ // 适用
与 readonly 不同,任何使用 ref 的 property 都不会被代理自动解包。
关于“Vue3.0 API中怎么使用shallowReactive”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“Vue3.0 API中怎么使用shallowReactive”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。
当前题目:Vue3.0API中怎么使用shallowReactive
文章出自:http://ybzwz.com/article/pgipec.html