Hesaplanan değerler ve yöntemler Vue'da çok farklıdır ve çoğu durumda kesinlikle değiştirilemez.
Hesaplanmış Mülk
Hesaplanan bir değer için daha uygun bir ad, hesaplanan bir özelliktir . Aslında, Vue somutlaştırıldığında, hesaplanan özellikler bir alıcı ve bazen bir ayarlayıcı ile Vue'nun bir özelliğine dönüştürülür. Temel olarak, hesaplanan bir değeri, hesaplamak için kullanılan temel değerlerden biri güncellendiğinde otomatik olarak güncellenecek türetilmiş bir değer olarak düşünebilirsiniz. Sen yok diyoruz bir bilgisayarlı ve herhangi parametreleri kabul etmez. Hesaplanmış bir özelliğe, tıpkı bir data özelliğinde olduğu gibi başvurursunuz. Belgelerden klasik örnek :
computed: {
// a computed getter
reversedMessage: function () {
// `this` points to the vm instance
return this.message.split('').reverse().join('')
}
}
DOM'da şu şekilde referans verilir:
<p>Computed reversed message: "{{ reversedMessage }}"</p>
Hesaplanan değerler, Vue'nuzda bulunan verileri işlemek için çok değerlidir. Verilerinizi filtrelemek veya dönüştürmek istediğinizde, genellikle bu amaçla hesaplanan bir değer kullanırsınız.
data:{
names: ["Bob", "Billy", "Mary", "Jane"]
},
computed:{
startsWithB(){
return this.names.filter(n => n.startsWith("B"))
}
}
<p v-for="name in startsWithB">{{name}}</p>
Hesaplanan değerler, değişmediğinde yeniden hesaplanması gerekmeyen bir değerin tekrar tekrar hesaplanmasını önlemek için de önbelleğe alınır (örneğin, bir döngüde olmayabilir).
Yöntem
Yöntem sadece Vue örneğine bağlı bir işlevdir. Yalnızca açıkça çağırdığınızda değerlendirilir. Tüm javascript işlevleri gibi parametreleri kabul eder ve her çağrıldığında yeniden değerlendirilir. Yöntemler aynı durumlarda yararlıdır, herhangi bir işlev yararlıdır.
data:{
names: ["Bob", "Billy", "Mary", "Jane"]
},
computed:{
startsWithB(){
return this.startsWithChar("B")
},
startsWithM(){
return this.startsWithChar("M")
}
},
methods:{
startsWithChar(whichChar){
return this.names.filter(n => n.startsWith(whichCharacter))
}
}
Vue'nun belgeleri gerçekten iyi ve kolayca erişilebilir. Bunu öneririm.
