Vue实例

以下内容均来自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
})