VUE3-深只读和浅只读

VUE3-深只读和浅只读

应用场景

其他组件传递过来的数据，如果不希望你修改，你最好加上只读，以防以后不小心改了人家的数据

特性

• readonly: 深只读(具有响应式的对象中所有的属性)，包括了对象中的子对象中的属性，它的所有值都是只读不可以修改的

• shallowReadonly：浅只读，浅只读具有响应式的对象的第一层数据是只读的

let data = reactive({
  counter1: 1,
  a: {
    b: {
      counter2: 100
    }
  }
})
data = readonly(data)
data = shallowReadonly(data)

涉及内容

VUE3、深只读、浅只读