Vue 响应式数据说明

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue 响应式数据说明相关的知识，希望对你有一定的参考价值。

值得注意的是只有当实例被创建时 data 中存在的属性才是响应式的。也就是说如果你添加一个新的属性，比如：

vm.b = ‘hi‘

那么对 b 的改动将不会触发任何视图的更新。

这里唯一的例外是使用 Object.freeze()，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。

var obj = {
  foo: ‘bar‘
}

Object.freeze(obj)

new Vue({
  el: ‘#app‘,
  data: obj
})

<div id="app">
  <p>{{ foo }}</p>
  <!-- 这里的 `foo` 不会更新！ -->
  <button v-on:click="foo = ‘baz‘">Change it</button>
</div>

以上是关于Vue 响应式数据说明的主要内容，如果未能解决你的问题，请参考以下文章