之前我們講過vue3的監聽,我們的寫法是如下所示,包括從vue2寫過來的,都是需要監聽的數據,舊數據,新數據,除了寫法上vue3和vue2難到沒有任何改變嗎?如果當這幾個函數的回調函數一樣的時候,我們難道要寫好多個嗎?
watch(監聽的數據,(newvalue,oldvalue)=》{
console.log(當監聽數據改變時觸發的函數內容)
})當然我們vue3這里也可以通過數組包裹的形式同時監聽幾個數據。

當需要監聽的數據是一個數組的時候,newValue返回的數據也是一個數組,可以使用結構賦值把需要的數據拿出來。
但這里我們要說的是vue3的另一種監聽watchEffect 。
和watch不同,他不需要規定監聽的數據,他會隱式的監聽所有的響應式數據,只需要一個回調函數。就像在其他地方使用響應式數據一樣,如果是reactive定義的數據需要加上.value。

還有一個小技巧,vscode中已經更新了自動添加.value的功能。vscode的設置中搜索Auto Insert打開即可自動補全。

上一篇: VUE中重要的定時器寫法--輪詢
下一篇: 信息可視化排名組件分享



