27.Copmuted vs Watcher

一般情况下,使用 computed 比起 watcher 更简洁,如下:

new Vue({
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
}
},
computed: {
fullName: function () {
return this.firstName + ' ' + this.lastName
}
}
});

当需要较复杂的计算或非同步的方法时,则可以使用 watcher 来完成工作


<<:  Day 29 - 倒数第二篇的胡言乱语

>>:  [DAY 27] 利用Python程序码让机器人走出隧道2

连续 30 天 玩玩看 ProtoPie - Day 11

一点开影片要继续看下去...喔喔原来昨天已经看到影片的尾巴了。 讲师跟大家讲了一下谢谢,重新的回顾这...

Week38 - 各种安全性演算法的应用 - 概念篇 [高智能方程序系列]

本文章同时发布於: Medium iT 邦帮忙 大家好,这几天较有时间,终於可以好好的思考文章 XD...

【後转前要多久】# Day09 CSS - 色码表

网页颜色(CSS色码表) 色码表都是看不懂的英文跟数字,却都是有意义、可以推算的, 而非乱数产生的乱...

[Day15] Wasm 简介跟 Yew 环境介绍 && 配置

好 ok 终於进入专案篇了,希望我的文多一点人看,这样也比较有动力写 虽然我写得很烂 那事不宜迟,让...

我跟你一百万,再大你一百万,再show hand - 跟庄家吃香喝辣 ?

今天在赌场中有听到某位赌徒问了一位老师问题,是关於庄家吃货的策略 简单来说就是根据买卖明细判断,当某...