vue中的computed和watch到底有什么不同？

Question

如题，在vue.js官方文档中看到computed和watch获取全名的一个例子：

var var vm = new Vue({

  el: '#demo',

  data: {

    firstName: 'Foo',

    lastName: 'Bar',

    fullName: 'Foo Bar'

  },

  watch: {

    firstName: function (val) {

      this.fullName = val + ' ' + this.lastName

    },

    lastName: function (val) {

      this.fullName = this.firstName + ' ' + val

    }

  }

})

var var vm = new Vue({

  el: '#demo',

  data: {

    firstName: 'Foo',

    lastName: 'Bar'

  },

  computed: {

    fullName: function () {

      return this.firstName + ' ' + this.lastName

    }

  }

})

菜鸟表示不太懂他们之间的区别，难道watch就不可以像computed那样来获取吗？

Answer 1

用computed代码写的少，没什么主要区别