关于vue的shallowReadonly高级响应式api

72 阅读1分钟

只为某个对象的自有(第一层)属性创建浅层的只读响应式代理,同样也不会做深层次、递归地代理,深层次的属性并不是只读的。 const state= shallowReadonly({ fool:1, nested:{ bar:2, } }) //变更 state 的自有属性会失败 state.foo++ //但是嵌套的对象时可以变更的 isReadonly(state,nested) state.nested.bar++ //嵌套属性依然可修改

shallowRef

创建一个 ref ,将会追踪它的 .value 更改操作,但是并不会对变更后的 .value 做响应式代理转换(即变更不会调用 reactive) const foo = shallowRef({}) 更改对操作会触发响应 foo.value={} 但上面赋的这个对象并不会变为响应式对象 isRective(foo.value)//false