关闭响应

作者: 青月教主 | 来源:发表于2019-12-19 15:17 被阅读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` 改变后调用
})