只有当一个Vue实例被创建的时候,它向vue的响应式系统中加入了其data对象中能找到的所有属性。当这些属性发生改变时,视图才会产生“响应”,匹配更新新的值。
数据对象:var data = {a : 1}
将对象添加到实例中:var vm = new Vue({ data : data })
当你向这个新创建的实例中添加一个新的属性时,vm.b = 'nice',那么对b的改动将不会触发任何视图的更新。
当使用Object.freeze(vm)的时候,这会阻止修改现有的属性,也就意味着相应系统无法再追踪变化。
========================================================================
<span>Message: {{ msg }}</span>
双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用
v-html
指令。