vue中computed 和 watch 有什么区别?
网友回复
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来观察这个数据变化