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来观察这个数据变化
网友回复
我知道答案，我要回答
私活外包
最新提问
python能写一个检测nginx rewrite高危漏洞的工具代码？
css如何给video视频进行mask遮罩？
windows如何同时允许两个用户远程桌面连接同一个电脑？
nginx升级到1.30.1导致无法启动 [emerg] SSL_CTX_new() failed怎么办？
什么是ASLR（地址随机化）？
有没有不依赖embedding向量的RAG技术？
有没有支持实时打断语音通话并后台帮你执行任何的ai模型？
开源ai大模型文件格式GGUF、MLX、Safetensors、 ONNX 有什么区别？
出海挣钱支付收款PayPal、Wise 、PingPong、Stripe如何选择？
如何实现类似google的图片隐形水印添加和识别技术？
