Как сделать чтобы при добавление нового объекта в json, динамически появился этот объект на странице без перезагрузки страницы?

Question

[valexeich]

Я получаю json объект с помощью axios, это список объектов в моей базе и я его вывожу на странице циклом, я хочу чтобы при добавление объекта в базу, он динамически появился на странице без перезагрузки страницы, сейчас он появляется только при перезагрузки страницы

Вот код:

new Vue({
    el: '#items_app',
    data: {
    items: []
    },
    created: function () {
        const vm = this;
        axios.get('/api/list/')
        .then(function (response) {
        vm.items = response.data
        })
    }
}

)

html:

<div id="items_app">

        <div v-for="item in items">
            <p style="color: white">{{ item.name }}</p>
        </div>

    </div>

Answer 1

[Антон Антон]

Либо по кнопке перезапрашивать данные, либо по таймеру (не очень вариант), либо через вебсокет/сервисы типа pusher с сервера отправлять событие на клиент, по которому запрашивать новые данные (ну или прям в теле события эти данные присылать)