Object.freeze()会阻止现有的属性,响应系统无法追踪变化
var obj={
foo:'bar'
}
Object.freeze(obj)
new Vue({
el:'#app',
data:obj
})
<div>
<p>{{foo}}</p>
重点
<!-- 这里的foo不会更新 -->
<button @click="foo='baz'">Change it</button>
</div>
本文探讨了在Vue.js中使用Object.freeze()方法冻结对象的影响。详细解释了此操作如何阻止属性更改,使得Vue的数据响应机制无法追踪变化,进而导致界面更新失败。通过一个具体的示例,展示了当点击按钮试图修改已冻结对象的属性时,视图中的值不会发生更新的现象。
Object.freeze()会阻止现有的属性,响应系统无法追踪变化
var obj={
foo:'bar'
}
Object.freeze(obj)
new Vue({
el:'#app',
data:obj
})
<div>
<p>{{foo}}</p>
重点
<!-- 这里的foo不会更新 -->
<button @click="foo='baz'">Change it</button>
</div>
1万+
3079

被折叠的 条评论
为什么被折叠?