Vue.js中关于侦听器（watch）的高级用法示例

虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。而immediate:true代表如果在 wacth 里声明了 firstName 之后，就会立即先去执行里面的handler方法，如果为 false就跟我们以前的效果一样，不会在绑定的时候就执行。受现代 JavaScript 的限制 ，Vue 不能检测到对象属性的添加或删除。这样Vue.js才会一层一层解析下去，直到遇到属性a，然后才给a设置监听函数。