Object.freeze() 方法

Object.freeze() 方法

可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze()
返回和传入的参数相同的对象。

script

			var obj = {
				foo: 'bar'
			};
			
			Object.freeze(obj);
			
			new Vue({
				el: '#app',
				data: obj
			})

html

<div id="app">
			<p>{{ foo }}</p>
			<button v-on:click="foo = 'baz'">改变</button>
		</div>

点击按钮，bar并不会被改成baz，因为Object.freeze()冻结了obj.