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

vue methods和computed

林子帆2年前8瀏覽0評論

在Vue中,methods和computed是兩個非常重要的概念。它們都是Vue實例中用來存放Javascript方法的屬性。雖然它們的作用有些相似,但其實是根本不同的兩個屬性。

首先,我們先了解一下methods屬性。這個屬性中保存了一個Vue實例中可用的所有方法,這些方法都可以在Vue組件中被調用。methods的作用和普通Javascript函數的作用非常類似,只要在Vue組件中使用了methods中定義的方法名,就可以在頁面中進行函數調用了。methods一般用于封裝一些邏輯操作,可以通過該實例來操縱數據,比如與后臺交互、觸發事件等操作。

new Vue({
el: '#app',
data: {
num1: 0,
num2: 0
},
methods: {
add: function() {
this.num1 += 1
},
sub: function() {
this.num2 -= 1
}
}
})

另一個常用的屬性是computed。computed屬性不同于methods,它會對一個獲取值進行響應式更新,從而自動計算最新的值。也就是說,computed屬性的值始終是依賴于其他響應式變量的值,只要依賴的變量發生了變化,computed屬性的值就會自動更新。computed屬性通常用于簡化計算復雜值和過濾數據等場景。

new Vue({
el: '#app',
data: {
num1: 0,
num2: 0
},
computed: {
sum: function() {
return this.num1 + this.num2;
}
}
})

通過上述代碼可以看出,computed屬性的值sum是由num1和num2計算得到的,而sum的值是隨著num1和num2的變化而變化的,常見的是一些依賴計算等場景,比如一些過濾操作。如果是一些僅僅是單純的方法操作,就可以使用methods來處理。

總而言之,methods和computed都是Vue實例中非常有用的屬性,選擇使用哪一個主要取決于業務場景。如果是一些簡單的邏輯操作,我們可以使用methods來封裝起來,而如果是對一個數值進行計算操作,我們就可以使用computed去實現,從而讓我們更加方便的進行開發。