小程序开发平台售后服务怎样,seo优化公司,网站框架都有什么用,进入网站前如何做环境检测Vue3-readonly(深只读) 与 shallowReadonly#xff08;浅只读#xff09;
readonly(深只读)#xff1a;具有响应式对象中所有的属性#xff0c;其所有值都是只读且不可修改的。shallowReadonly(浅只读)#xff1a;具有响应式对象的第一层属性值是只读且不可修改的#x…Vue3-readonly(深只读) 与 shallowReadonly浅只读
readonly(深只读)具有响应式对象中所有的属性其所有值都是只读且不可修改的。shallowReadonly(浅只读)具有响应式对象的第一层属性值是只读且不可修改的其他属性值不设为只读。 // App.vue
templateh2计数器1{{data.counter1}}/h2button clickdata.counter1计数器1加1/buttonhrh2计数器2{{data.a.counter2}}/h2button clickdata.a.counter2计数器2加1/button
/templatescript setupimport { reactive, readonly, shallowReadonly } from vuelet data reactive({counter1 : 1,a : {counter2 : 100}})// 深只读data readonly(data)// 浅只读data shallowReadonly(data)
/script
