счетчик увеличивает значение в 100 раз вуэйс

Question

Я недавно начал изучать wuejs.Была задача получить данные из api, добавить их в массив и отобразить блоки с атрибутом date через v-for.Но у меня есть следующий вывод

ДИЕТА 600

dfhgsdfghdfgh 601

fghdfghdfghd 602

dfghdfghdfgh 603

dfghdfghdfghdfgh 604

dftghdfghdfghdfghfgh 605

(счетчик правильных значений)

C увеличение размера массива на 1 счетчик увеличивается на 100, то есть если вы добавляете один элемент в массив рядом с каждой строкойзначения от 700 будут

КОНСОЛЬ: [Vue warn]: В функции рендеринга компонента может быть бесконечный цикл обновления.

(найдено в)

Я видел способ с @, но синтаксис Razor беспокоит меня, я не знаю, как их соединить.И, возможно, это не проблема.Справка

html

<div id="axiostest">
        <div v-for="item in message"  :data-testid="counter">
            <p class="text-danger">{{ item }} {{ counter++}}</p>
        </div>
    </div>

vuejs

var axios = new Vue({
            el: '#axiostest',
            data: {
                message: [],
                counter: 0
            },
            methods: {

            },
            mounted() {
                axios
                    .get('/Profile/GetLastChallenge', {
                        params: {
                            userEmail: '@User.Identity.Name'
                        }
                    })
                    .then(response => (this.message = response.data));
            }
        });