本文共 879 字，大约阅读时间需要 2 分钟。

watch和computed的区别

watch和computed都是对数据的监听只有数据发生变化时才会触发，但是他们擅长的领域不一样

### watchvar vm = new Vue({  el: '#demo',  data: {    firstName: 'Foo',    lastName: 'Bar',  },  watch: {    firstName: function (val) {      this.fullName = val + ' ' + this.lastName    },    lastName: function (val) {      this.fullName = this.firstName + ' ' + val    }  }})### computedvar vm = new Vue({  el: '#demo',  data: {    firstName: 'Foo',    lastName: 'Bar'  },  computed: {    fullName: function () {      return this.firstName + ' ' + this.lastName    }  }})

methods和watch、computed的区别

这个很直观，methods是通过事件驱动来执行函数的是被动的

methods和computed的区别

区别一个是主动与被动，另一个是methods的运算是没有缓存的，computed运算是有缓存的（只要运算所依赖的数据没有发生变化就会从缓存中取出结果）

转载地址：http://rjuvi.baihongyu.com/