Vue中的watch监听

 计算属性和侦听器 — Vue.jsVue.js - The Progressive JavaScript Frameworkhttps://cn.vuejs.org/v2/guide/computed.html#%E4%BE%A6%E5%90%AC%E5%99%A8

Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

 计算属性和监听器区别：
1、计算属性
  1.1、get函数必须有return
  1.2、计算属性名称可以自定义
  1.3、计算属性具备缓存
  1.4、计算属性适合处理一些复杂的数据运算等等
2、监听器
  2.1、watch中的函数return可有可无
  2.2、watch中的名称必须和data中的名称一致
  2.3、watch不具备缓存
  2.4、watch适合处理一些消耗性能的需求，比如：Ajax请求等等

 1、监听简单变量

    点击更改名字
    
{{username}}

 2、监听数组

    点击更改数组
    
{{array}}

3、监听对象

    
{{obj}}

    更改对象