計(jì)算屬性

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

簡單的寫法

計(jì)算屬性的基本的使用

計(jì)算屬性的特點(diǎn)是函內(nèi)使用的變量改變 會重新 計(jì)算結(jié)果返回

computed計(jì)算屬性有緩存

計(jì)算屬性優(yōu)點(diǎn)?

帶有緩存 計(jì)算屬性對應(yīng)函數(shù)執(zhí)行后會把return的值緩存起來

依賴項(xiàng)不變 會從緩存中取值

依賴項(xiàng)變化 函數(shù) 會 自動 重新 執(zhí)行并且緩存新的值

在computed中，屬性都有一個get和一個set方法，當(dāng)數(shù)據(jù)返回時調(diào)用get方法，數(shù)據(jù)變化時調(diào)用set方法

計(jì)算屬性的完整的寫法

?watch 有兩個參數(shù)?

wtach的基本的寫法

watch不支持緩存，不論監(jiān)聽的數(shù)據(jù)是否重復(fù)都會被監(jiān)聽到

watch 支持異步 其中watch進(jìn)行數(shù)據(jù)的的操作

監(jiān)聽的函數(shù)接受兩個參數(shù) newold? 第一個參數(shù)是當(dāng)前最新的值? oldval 上一刻的值

?immediate:true

組件觸發(fā)立即執(zhí)行回調(diào)函數(shù)? true 表示立即執(zhí)行并且

watch 中的deep 進(jìn)行深度監(jiān)聽 object的屬性

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

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