搜索

+

95

-

回答

1.watch是监听器，监听一个data中值的改变，例如下面通过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
    }
  }
})

2.computed是计算属性，通过合并其他的属性值来生成新的属性值，比如下面通过姓与名字合成一个data叫姓名全称。

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

应用场景

1.如果一个数据依赖于其他数据，那么把这个数据设计为computed的

2.如果你需要在某个数据变化时做一些事情，使用watch来观察这个数据变化

网友回复

我知道答案，我要回答

我有问题

最新提问