关闭响应

2019-12-19  本文已影响0人  青月教主

Object.freeze(obj)
阻止修改现有的属性,也意味着响应系统无法再追踪变化。
关闭对象的响应。

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内部专用。
$watch()
查看参数变化。

var data = { a: 1 }
var vm = new Vue({
  el: '#example',
  data: data
})

vm.$data === data // => true
vm.$el === document.getElementById('example') // => true

// $watch 是一个实例方法
vm.$watch('a', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})
上一篇下一篇

猜你喜欢

热点阅读