码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 响应式数据说明

时间:2018-05-28 11:29:59      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:family   obj   数据   sof   修改   nbsp   soft   span   更新   

值得注意的是只有当实例被创建时 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 响应式数据说明

标签:family   obj   数据   sof   修改   nbsp   soft   span   更新   

原文地址:https://www.cnblogs.com/mengfangui/p/9098772.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!