Vue中Watch和Computed的差异

 

语境上的差异

//一个值变化了，我要做些事情，适合一个值影响多个值的情形
watch:{
    firstname(newval,oldval){
        this.fullname = this.firstname + '' + this.lastname
    },
    lastname(newval,oldval){
        this.fullname = this.firstname + '' + this.lastname
    }
}
//一个值由其他值得来，这些值变化了我也要变，适合多个值影响一个值的情形
computed:{
    fullname(){
        return this.firstname + '' + this.lastname
    }
}

计算属性有缓存性

计算所得的值如果没有变化不会重复执行

监听器选项

监听器选项提供了更通用的方法，适合执行异步操作或者较大开销操作的情况