VUE语法-(readonly的用法)将数据设置成只读模式

1、功能概述

在Vue中定义一个变量，这个变量的值不允许被修改，核心是通过readonly设置成只读。

如果不会使用ref和reactive响应式数据参考如下博客：

https://blog.csdn.net/tangshiyilang/article/details/134701103

2、具体实现

如下案例：

1、通过reactive定义一个响应式数据testData，并将testData通过readonly设置成只读模式。

2、在setup中设置了一个定时器，2s后修改readonlyData中的参数

    
    
    
    
    


  
{{readonlyData.name}}
  

3、结果输出

1、从图中可以看出，页面中通过{{readonlyData.name}}显示了原始数据”小春”

2、2s之后数据报错：set opration on key “name” failed:target is readonly