readonly

setup() {
  const original = reactive({ count: 123 });
  //接受一个对象 (响应式或纯对象) 或 ref 并返回原始对象的只读代理。只读代理是深层的：任何被访问的嵌套 property 也是只读的。

  const copy = readonly(original);
  watchEffect(() => {
    console.log(copy.count);
  });
  original.count++;

  // 与 reactive 一样，如果任何 property 使用了 ref，当它通过代理访问时，则被自动解包：
  const raw = { count: ref(234) };
  const rawCopy = readonly(raw);
  console.log(raw.count.value); // 234
  console.log(rawCopy.count); // 234
}