如何在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-开头属性的元素
  • 热门搜索
    黑龙江旅游景点大全 佛山旅游景点大全 利川旅游 去台湾旅游需要什么手续 芬兰旅游 吉林市旅游 周庄旅游攻略 巴厘岛旅游要多少钱 旅游船 去美国旅游