对比computed与watch

1. computed和watch之间的区别与联系：

   • computed能完成的功能，watch都可以完成，但一般来说computed的写法会更简便。

     例如：姓名案例，computed、watch都能完成，但computed写起来，更简单。

     computed:{
     			fullName(){
     						return this.firstName + '-' + this.lastName
     			}
     		 }

   • watch能完成的功能，computed不一定能完成。

                  watch:{
     					firstName(value){
     						console.log('姓变了')
     						this.fullName = value + '-' + this.lastName
     					},
     					lastName:{
     						immediate:true,
     						handler(value){
     							console.log('名变了')
     							this.fullName = this.firstName + '-' + value
     						}
     					}
     				}

2. 理解computed（计算属性）：

   • 侧重在【算】，核心是：计算出来的值。

   • 靠return来输出计算的结果。

   • 不能开启异步任务。

3. 理解watch（监视属性）：

   • 侧重在【监视】，核心是：xxx变了，我要做???事。

   • 无需return，靠内部逻辑去完成要做的事。

   • 能开启异步任务。