vue2》》Computed、Watch

使用 computed 当您需要基于一些响应式数据计算出一个新的值，特别是在模板中需要使用这个值时。

使用 watch 当您需要在数据变化时执行异步操作或复杂的逻辑操作。

在大多数情况下，computed 比 watch 更高效，因为它具有缓存机制。

computed:{//完整写法/* fullName:{get(){console.log('get被调用了')return this.firstName + '-' + this.lastName},set(value){console.log('set',value)const arr = value.split('-')this.firstName = arr[0]this.lastName = arr[1]}} *///简写fullName(){console.log('get被调用了')return this.firstName + '-' + this.lastName}},watch:{//正常写法/* isHot:{// immediate:true, //初始化时让handler调用一下 默认false// deep:true,//深度监视handler(newValue,oldValue){console.log('isHot被修改了',newValue,oldValue)}}, *///简写/* isHot(newValue,oldValue){console.log('isHot被修改了',newValue,oldValue,this)} */}