iT邦幫忙

2023 iThome 鐵人賽

DAY 22
0
Vue.js

重新認識 Vue.js系列 第 22

重新認識 Vue.js Day22: Vue3 的 watch

  • 分享至 

  • xImage
  •  

在 Vue3 當中,除了我們所熟知的 deep 以及 immediate 兩個屬性之外,新增了一個 flush 屬性,用來更改觸發時間點用的,我們就除了新的內容之外,再一次的複習就內容的用途吧

watch

  • deep: Vue watch 默認是採用淺層監聽,不會去監聽到深層的內容,當我們把 deep 打開後即可讀取到物件內部深層的內容來觸發 watch 函式
watch(source, callback, {
  deep: true
})
  • immediate: Vue watch 默認是當茲撩更改後才會觸發 watch,因此若你希望在一開始資料宣後就可以觸發 watch 一次,那一樣需要把 immediate 給打開
watch(source, callback, {
  immediate: true
})
  • flush: Vue watch 默認將會在 Vue 組建更新前先觸發,因此若我們需要的是組建更新後才會觸發此 watch 函示那麼就需要將 flush 屬性設置為 'post'
watch(source, callback, {
  flush: 'post'
})


上一篇
重新認識 Vue.js Day21:Ref 和 Reactive
下一篇
重新認識 Vue.js Day23: 會用了,然後呢
系列文
重新認識 Vue.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言