Option API#監聽:Watch


computed與watch的不同

  • computed主要是把Data裡面的值取出來,並且重新運算後產生一個新的值,y再重新渲染在畫面上
    • 監聽多個變數觸發事件
    • 會產生一個值
  • watch主要監聽單一一個data裡面的值,當監聽的值有變化時,它就會觸發億一些事件,但watch並不會產生新的值,他主要是修改data的值,透過方法,再重新渲染在畫面上
    • 監聽單一“變數”觸發事件
    • 該函式可同時操作多個變數

watch監聽單一變數

  • 當我們要監聽一個值時,我們要先產生一個watch的物件,若他要監聽一個值/data,就會以該值的名稱作為函式名稱
    • 如果值沒有變化或更新就不會觸發事件

watch深層監聽

  • watch也可以堅挺多個變數,但是這個變數有一個前提是必須是一個物件
  • 然後寫入watch中的變數會是一個物件,在物件中有handler(){}函式以及deep: true,等屬性,會在handler中回傳變數是否有新改,有的話會渲染畫面








你可能感興趣的文章

串接 Firebase SDK 做 Google OAuth 第三方登入

串接 Firebase SDK 做 Google OAuth 第三方登入

[ 筆記 ] DOM - 事件傳遞機制:捕獲與冒泡、事件代理

[ 筆記 ] DOM - 事件傳遞機制:捕獲與冒泡、事件代理

[ 作業檢討 ] 第一週超級挑戰題

[ 作業檢討 ] 第一週超級挑戰題






留言討論