Vue中watch、computed和methods 之间的对比

为什么80%的码农都做不了架构师？>>>   

1. computed(计算属性) 属性的结果会被缓存, 除非依赖的响应式属性变化才会重新计算, 主要 当做属性来使用;(虽然是个方法,但是当做属性使用)(场景:引用一些经过操作的数据)

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

2. methods(方法) 表示一个具体的操作, 主要写 业务逻辑;(场景:方法的调用)

3. watch(监听器) 一个对象, 键是需要观测的表达式, 值是对应的回调函数. 主要用来 监听某些特定数据的变化,从而进行某些业务逻辑的操作; 可以看做是computed和methods的结合体;(场景:监听路由地址)

    watch: {
    	firstName: function (val) {
    	  this.fullName = val + ' ' + this.lastName
    	},
    	lastName: function (val) {
    	  this.fullName = this.firstName + ' ' + val
    	}
    }
   

转载于:https://my.oschina.net/rlqmy/blog/1930090