如何在Vue.js中使用方法禁止修改对象中的属性

 时间:2024-10-12 02:36:11

1、第一步,在HBuilderX工具创建一个Web项目,并在项目指定文件夹下新建静态页面,引入箪滹埘麽vue.js核心文件,在主体元素插入一个vue容器div,如下图所示:

如何在Vue.js中使用方法禁止修改对象中的属性

2、第二步,在div容器下方插入一个script标签,定义一个对象datas,有属性one、two和three,如下图所示:

如何在Vue.js中使用方法禁止修改对象中的属性

3、第三步,进行vue实例化,添加el挂载点和数据data,赋值datas对象值,如下图所示:

如何在Vue.js中使用方法禁止修改对象中的属性

4、第四步,调用Object.freeze()方法冻结datas对象,然后对datas中的属性one进行修改,如下图所示:

如何在Vue.js中使用方法禁止修改对象中的属性

5、第五步,调用console.log()方法打印,保存代码并打开浏览器控制台查看结果,发现datas对象one属性值被修改了,如下图所示:

如何在Vue.js中使用方法禁止修改对象中的属性

6、第六步,说明第四步中的freeze()方法放置的位置不对,将其放到vue实例化前面,然后再鸱远忡绑次保存查看结果,发现one属性值没变,如下图所示:

如何在Vue.js中使用方法禁止修改对象中的属性
  • 易语言如何连接EDB数据库
  • 解决ftp工具类retrieveFileStream返回为null
  • jquery取消checkbox选中状态
  • js怎么根据某个字段的值判断按钮是否隐藏
  • 如何获取用data-开头属性的元素
  • 热门搜索
    cad怎么画虚线 带状疱疹怎么治最好 邹怎么读 孕妇心跳快怎么回事 怎么查手机型号 尿酸高是怎么回事 微信接龙怎么往下接 胎盘低置怎么长上去 红烧排骨怎么做好吃 张僧繇怎么读