iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
0
Modern Web

Vue菜鳥的自我學習days系列 第 27

27.Copmuted vs Watcher

  • 分享至 

  • xImage
  •  

一般情況下,使用 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 來完成工作


上一篇
26.Computed vs Methods
下一篇
28. Vuex State
系列文
Vue菜鳥的自我學習days39
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言