以下内容均来自Vue官网:
一个Vue应用由一个通过new Vue创建的根Vue实例,以及可选的嵌套的,可复用的组件树组成.
数据与方法:
当一个Vue实例被创建时,它将data对象中的所有的属性加入到Vue的响应式系统中.当这些属性的值发生改变时,视图将会产生"响应",即匹配更新为新的值.(只有当实例被创建时就已经存在于data中的属性才是响应式的.)
使用Object.freeze(obj)会阻止修改现有的属性,也意味着响应系统无法再追踪变化.
<div id="app">
<p>{{ foo }}</p>
<!-- 这里的 `foo` 不会更新! -->
<button v-on:click="foo = 'baz'">Change it</button>
</div>
var obj = {
foo: 'bar'
}
Object.freeze(obj)
new Vue({
el: '#app',
data: obj
})