Vue 定义只读数据 readonly 与 shallowReadonly

readonly 让一个响应式数据变为 **深层次的只读数据**。

shallowReadonly 让一个响应式数据变为 **浅层次的只读数据**，只读第一层。

isReadonly 判断一个数据是不是只读数据。

应用场景：不希望数据被修改时使用。

readonly深层次只读：

注：修改原数据时，只读的数据也会发生改变。

注：修改只读的数据时，会触发警告提示数据不允许被修改。 

注：readonly 返回的数据是不允许被修改的，但是可以修改原来的数据。并且原来的数据发生改变时，readonly 返回的数据也会发生改变。 

 shallowReadonly 浅层次只读：

当修改 readonly 数据时，不论多少层，都不允许被修改。

当修改 shallowReadonly 数据时，只有第一层不允许被修改，第二层及以后的数据是可以被修改的。 

原创作者：吴小糖

创作时间：2023.11.28