昨天我們已經看到了computed
和method
了今天的話已是一個非常好用的屬性Watch
,那它能幹什麼呢?
Watch
可以說是讓我們監視某個值,當這個值變動的時候,就去做某些事情。
現在我們直接用程式連介紹watch
吧!
一開始我們先在data
裡去設firstName與lastName,然後在watch裡去監聽這兩筆資料,當其中一筆資料被更動時就會執行裡面的函數,切記data
裡的資料名稱要和watch
裡監聽的名稱要一樣喔。
這裡我們運用到了v-bind
這個屬性,這屬性會在之後提到先拿來用就好。
大概寫完後我們就可以開網頁來看看,沒寫錯的話應該會跑出你自己data
預測的內容。
接下來呢,要是我們去改動firstName或lastName的資料就會發現console
會跑出fullName的資料,這是因為watch
所監聽的資料有被改動所以它會一直去執行所對應的程式喔。
computed
與今天的watch
比較起來computed
必不需要預先訂好初始資料(fullName)寫法也較watch
更為簡便,可是相對computed
而言,watch
用來觀察資料變動較唯有優勢。
今天就先到這了,明天見~