Vue 定义只读数据 readonly

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

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

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

 readonly 深层次只读:



:修改原数据时,只读的数据也会发生改变。

Vue 定义只读数据 readonly_第1张图片

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

Vue 定义只读数据 readonly_第2张图片

 

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

原创作者:吴小糖

创作时间:2023.11.22

你可能感兴趣的:(vue.js,前端,javascript)