Vue.js 2 Как заполнить данные Vue в цикле v-for без бесконечного цикла

Question

У меня есть петля v-for (см. Код ниже)

<div v-for="(element, index) in elementsList" v-bind:key="element.id">
    <component :config="getConfig(index)"></component>
</div>

Здесь моя функция getConfig, которая вычисляет координаты, сохраняет их в массиве и возвращает их

methods: {
    getConfig: function(i) {
        const { x, y } = this.calculCoordinates(i)
        this.positionList.push({ x, y }); // If I delete this line, I have no infinite loop

        return  {
            points: [
                x,
                y,
            ],
            stroke: 'black',
            strokeWidth: 2
        } 
    },
}

С моим кодом у меня бесконечный цикл. Действительно, линия, которая выдвигает объект { x, y }, повторно отображает вид и запускает снова и снова мой цикл v-for.

Как я могу заполнить данные Vue без бесконечного цикла?