Die Berechnung von vue2.0 berechnet den kumulativen Wert der Listenschleife

Dieses Mal bringe ich Ihnen den berechneten Wert von vue2.0 zur Berechnung des kumulativen Werts der Listenschleife. Was sind die Vorsichtsmaßnahmen für vue2.0 berechnet, um den kumulativen Wert der Listenschleife zu berechnen? . Das Folgende ist ein praktischer Fall.

Das Beispiel ist wie folgt:

<template>
 <p class="hello">
  <h1>{{ msg }}</h1>
  <h2>Foo</h2>
  <p v-for ="(item, index) in list">
  <!--<p>{{item }}</p>-->
  <h1 v-show="false">{{a[index] = item.bb}}</h1>
   <!-- <h1>index:{{index}}</h1>-->
  </p>
  <h2>a:{{a}}</h2>
  <h2>{{cc}}</h2>
  <!--<button v-on:click="cc">点击</button>-->
 </p>
</template>
<script>
export default {
 name: 'foo',
 data () {
  return {
   msg: '这儿是Foo',
   list:[{
     insertId: 'asfasf252',
     bb:29
   },{
    insertId: '2652',
     bb:20
   },{
    insertId: '996',
     bb:18
   }],
   a:[]
  }
 },
 computed:{
   cc: function(){
     var sum = 0;
     for(var i= 0 ;i< this.a.length; i++) {
        sum += parseInt(this.a[i]);
     }
     return sum;
   }
 }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
 font-weight: normal;
}
ul {
 list-style-type: none;
 padding: 0;
}
li {
 display: inline-block;
 margin: 0 10px;
}
a {
 color: #42b983;
}
</style>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Dinge, bitte achten Sie auf PHP-Chinesisch. Weitere verwandte Artikel online!

Empfohlene Lektüre:

So ändern Sie den Wert in Vue-Anfragedaten

So legen Sie $set auf ein Array fest im vue.js Update

Das obige ist der detaillierte Inhalt vonDie Berechnung von vue2.0 berechnet den kumulativen Wert der Listenschleife. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!