色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue computed區別

劉柏宏2年前9瀏覽0評論

在Vue.js的開發過程中,computed屬性是一個非常常用的概念,它的用途是根據已有數據的計算結果來生成新的數據。但是,Vue.js中還有一個與computed相關的概念,叫做watch。那么,computed和watch有什么區別呢?

首先,我們來看computed。在Vue.js中,computed是一種特殊的屬性,在組件實例中聲明后,可以根據已有數據的計算結果來生成新的數據。computed的用法非常簡單:

computed: {
// 計算屬性的 getter
reversedMessage: function () {
// `this` 指向 vm 實例
return this.message.split('').reverse().join('')
}
}

在上面的代碼中,我們聲明了一個computed屬性reversedMessage,它的值是通過在message數據屬性的基礎上反轉字符串得到的。computed屬性只有在它所依賴的數據發生變化時才會重新計算得到新的值,在其他情況下,如數據沒有變化或computed屬性沒有被使用,它是不會重新計算的。

接下來,我們看看watch。在Vue.js中,watch是另一種監測數據變化的方式。和computed不同的是,watch需要我們明確地為需要監測的數據屬性添加一個watcher函數:

data: {
counter: 0
},
watch: {
counter: function (newValue, oldValue) {
console.log('counter prop changed: ', newValue, oldValue)
}
}

在上面的代碼中,我們聲明了一個data屬性counter,它的值是一個數字型變量。我們同時在watch屬性中添加了一個watcher函數,來監測counter屬性值的變化。當counter屬性的值發生變化時,watcher函數就會啟動執行。

綜上所述,computed和watch都是Vue.js中監測數據變化的方法,它們的區別在于computed用于根據已有數據計算新的數據,而watch則是用于監測數據變化并執行響應處理邏輯。