如何提高网站安全性,企业网站建设及推广研究,一级造价工程师报考条件及时间,wordpress 整站语言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
