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

vue data computed

呂致盈2年前10瀏覽0評論

在Vue中,data和computed是非常重要的概念。data用來存儲組件的狀態,而computed則是派生狀態的一種方式。這兩個概念在Vue中非常常見,下面我們來細看一下其中的computed。

computed是Vue中的計算屬性,其主要作用是把數據轉化為另一種形式,數據改變時計算屬性也會相應地重新計算。computed屬性默認是getter函數,然后通過設置setter函數來實現屬性的雙向綁定。

export default {
data() {
return {
name: '張三',
age: 18
}
},
computed: {
introduction() {
return `我是${this.name},今年${this.age}歲了`
}
}
}

從上面的例子可以看到,我們定義了一個computed屬性introduction,這個屬性返回的是一個字符串,它由data屬性中的name和age計算而來。當我們改變name或age的時候,introduction也會重新計算,反映出新的值。

需要注意的是,computed只會在有依賴的情況下才重新計算。也就是說,如果computed屬性依賴的data屬性沒有變化,那么computed不會重新計算。這樣可以節省開銷,提高性能。