How to use readonly in Vue3?

In Vue3, you can use the readonly function to make an object read-only, making its properties unchangeable. The way to use it is as follows:

import { readonly } from 'vue';

const myObject = { name: 'Alice', age: 25 };
const readonlyObject = readonly(myObject);

// 尝试修改只读对象的属性
readonlyObject.name = 'Bob'; // 这里会报错，因为只读对象的属性无法被修改

In the example above, myObject is a regular object that has been transformed into a read-only object, readonlyObject, using the readonly function. Attempting to modify the properties of readonlyObject will result in an error.