学习-Vue2-Vue实例-数据与方法-Object.freeze()
2024-10-21 09:11:05
Object.freeze(),会阻止修改现有的property,意味着响应系统无法再追踪变化
代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<p>{{ foo }}</p>
<button @click="foo = 'xxx'">change it</button> </div> </body>
<!-- 单独引入,不可在script间写逻辑代码 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script> <script>
var obj = {foo: 'bar111'}
// Object.freeze(),会阻止修改现有的property,意味着响应系统无法再追踪变化
Object.freeze(obj)
var vm = new Vue({
el: '#app',
data: obj
})
</script>
</html>
视图与控制台打印图示:
最新文章
- [连载]《C#通讯(串口和网络)框架的设计与实现》- 6.通讯控制器的设计
- uva 11059 maximum product(水题)——yhx
- appium依赖pom文件注解
- 第一次到IT公司上班!
- 教你一招 - 如何给nopcommerce增加一个类似admin的area
- android之多媒体篇(二)
- 一种快速求fibonacci第n个数的算法
- linux中的fork函数的基本用法
- Fragment与Activity相互传递数据:
- 【Zookeeper】源码分析之网络通信(一)
- akoj-1272-字母统计
- c#使用GDI+简单绘图(二)
- C# 操作Word 文档——添加Word页眉、页脚和页码
- SpringBoot开发案例从0到1构建分布式秒杀系统
- 201772020113李清华《面向对象程序设计(java)》第十二周学习总结
- 使用C#+PowerShell进行Windows系统间文件传输
- ACM/IOI 历年国家集训队论文集和论文算法分类整理
- rviz2
- Centos清除IP
- java实验四——找鞍点