Seien Sie möglicherweise vorsichtig bei möglichen Endlosaktualisierungsschleifen in den Renderfunktionen von Vue-Komponenten während der Iteration

Question

Ich habe ein Array mit 4 Objekten und rendere es wie folgt

<div v-for="item in cant_objetivos_tipo">
        {{ item.__data__.nombre_monitor_tipo + ' : ' + item.__data__.cantidad_objetivos }}
</div>

Wenn ich dann versuche, ein anderes Array mit Daten wie unten zu füllen

<div v-for="item in cant_objetivos_tipo">
        {{ datapie.push(item.__data__.nombre_monitor_tipo + ' : ' + item.__data__.cantidad_objetivos) }}
</div

Ich habe einen Endlosschleifenfehler festgestellt

datapie[] vorher deklariert

<script>
    import axios from 'axios'
    
    export default {
        data() {
            return {
                cant_objetivos_tipo: [],
                datapie: [],
          }
        },...

Ich hoffe, Sie können mir helfen, vielen Dank

Answer 1