Laravel + Vue.js вывести шаблон?

Question

[Analka]

есть код, который отслеживает push уведомления

const app = new Vue({
        el: '#app',
        data: function() {
            return {
                user:{
                    avatar: '',
                    username: '',
                    login: '',
                    slug: ''
                },
                message: {
                    text: '',
                    date: ''
                }
            }
        },
        mounted(){
            window.Echo.private('user_notif')
                .listen('UserNotification', (e) => {
                    //console.log(e);
                    this.AppenToBrowser(e);
                });
    
        },
        methods: {
            AppenToBrowser(data){
                console.log(data);
                let audio = new Audio('/sounds/push.mp3'); // path to file
                audio.play();
            }
        }
    });

как мне в методе AppendToBrowser() на сайт выводить такой див, может можно balde шаблон вызвать и передать туда переменную data?

<div class="notify">
        <div class="notif--header">
            {{ data.user.name }}
        </div>
        <div class="notif--body">
            {{ data.data.text }}
        </div>
    </div>