May be wary of potential infinite update loops in Vue component render functions during iteration

Question

I have an array with 4 objects and I render it as follows {{item.__data__.nombre_monitor_tipo+':'+item.__data__.cantidad_objetivos}} then when I try When filling another array with data like this

P粉165522886 · Answer

<pre class="brush:html;toolbar:false;"><template>
  <div v-for="(item,index) in cant_objetivos_tipo" :key="index">
        {{ item.__data__.nombre_monitor_tipo + ' : ' + item.__data__.cantidad_objetivos }}
  </div></template>

export default
{
  name: 'MyCustomComponent',
  data() 
  {
    return {
      cant_objetivos_tipo: [],
    };
  },
  computed:
  {
    datapie()
    {
      return this.cant_objetivos_tip.map(item => item.__data__.nombre_monitor_tipo + ' : ' + item.__data__.cantidad_objetivos);
    }
  },
  created()
  {
    this.fetchData();
  }
  methods:
  {
    fetchData()
    {
      axios.get('/api/get_tipo_objectivos').then(response =>
      {
        this.cant_objetivos_tipo = response || [];
      });
    }
  }
}
</script>
</pre>