Активные изменения компонента Vue, если таблица базы данных изменена

Question

Я так новичок в Vue JS.Просто создаю простое приложение с Laravel & Vue JS для практики.

Я ищу что-то, чтобы мой Vue компонент мог загружать любые изменения, связанные с Vue методами.

Шаблон:

<template>
    <div v-for="user in users" :key="user.id">
        {{ user.name }}
    </div>
</template>

Скрипт:

export default {
    data() {
        return {
            users: {},
            form: new Form({
                name: '',
                email: '',
                password: '',
                password_confirmation: ''
            })
        }
    },

    methods: {
        createUser() {
            this.form.post('api/user')
                .then(response => {
                    // Success
                    fire.$emit('afterCreate');
                })
                .catch(error => {
                    // Error
                });
        },

        loadUsers() {
            axios.get('api/user').then(({ data }) => (this.users = data.data));
        }
    },

    created() {
        this.loadUsers();
        fire.$on('afterCreate', () => {
            this.loadUsers();
        });
    }
}

Приведенный выше код работает нормально.Например, когда я добавляю новый user, он загружает новый users.

Но я хочу загрузить users в компонент Vue, когда таблица базы данных users получает обновление.Если кто-нибудь вставит / обновит / удалит user с другого компьютера, я должен увидеть обновление с моего компьютера.

Вот так!