日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

計算屬性 computed與 watch 的區別

作者:userlvlu 更新時間: 2022-01-17 編程語言

計算屬性

場景 計算屬性:一個變量的值 需要用另外變量計算拿得到

簡單的寫法

計算屬性的基本的使用

計算屬性的特點是函內使用的變量改變 會重新 計算結果返回

computed計算屬性有緩存

計算屬性優點?

帶有緩存 計算屬性對應函數執行后會把return的值緩存起來

依賴項不變 會從緩存中取值

依賴項變化 函數 會 自動 重新 執行并且緩存新的值

在computed中,屬性都有一個get和一個set方法,當數據返回時調用get方法,數據變化時調用set方法

計算屬性的完整的寫法

?watch 有兩個參數?

wtach的基本的寫法

watch不支持緩存,不論監聽的數據是否重復都會被監聽到

watch 支持異步 其中watch進行數據的的操作

監聽的函數接受兩個參數 newold? 第一個參數是當前最新的值? oldval 上一刻的值

?immediate:true

組件觸發立即執行回調函數? true 表示立即執行并且

watch 中的deep 進行深度監聽 object的屬性


  <input type="text" v-model="name" />

watch有兩個參數
newold 當前最新的值
oldval 上一刻的值
watch:{
    name:(newold oldval){
      console.log(newval, oldval)
}
}
持續更新中...

原文鏈接:https://blog.csdn.net/userlvlu/article/details/122281808

欄目分類
最近更新