Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Vue hakkında basit bir soru

drWeb

Merhaba arkadaşlar vue bilmiyorum.Sorum şu buradaki boş item objesini
pusher ve ajax kullandığım veritabanımdan gelen verilerle doldurmak istiyorum.Her veri geldiğinde item objesinin güncellenmesi gerekiyor.

Kısacası her ajax sorgusu success döndüğünde bu item objesine nasıl veri push ederim.

        const {
            createApp
        } = Vue
        createApp({
            data() {
                return {
                    item: [],
                }
            }
        }).mount('#notificationList');

mgsmus

drWeb İstediğiniz şey Vue dokümanlarının ilk sayfasında anlatılıyor: https://vuejs.org/guide/introduction.html

drWeb

mgsmus evet biliyorum fakat yapamadım.Orada click olayıyla güncelleme yapıyor fakat benzer işi ajax ile yaptığımda güncellenmiyor.

mgsmus

drWeb Bir tane çalışan örnek oluşturdum

drWeb

mgsmus bu arada teşekkür ederim . Peki pusher yeni kayıt geldiğini haber verdiğinde ne yapacağım ? Bu şekilde çalışmıyor.

channel.bind('my-event', function(data) {
fetchData()
});

drWeb

Bu şekilde çözdüm. Fakat csrf göndermeden veriler nasıl geliyor sizce?

        const {
            createApp
        } = Vue
        createApp({
            data() {
                return {
                    item: [],
                }
            },
            methods: {
                getUser() {

                    axios.post('{{route('notification')}}').then(res => {
                        this.item = res.data.notifications
                        document.getElementById('notificationCount').innerText = this.item.length;

                        console.log(this.item.length)
                    })

                }
            },
            created() {
                this.getUser()
            }
        }).mount('#notificationList');

mgsmus

drWeb mountend gibi fetchData yöntemine erişebileceğiniz bir yerde dinleyeceksiniz ya da event emitter gibi bir şey kullanacaksınız. Bunlar Vue bilmeyen biri için kolay konular değil, adım adım gitmeniz lazım.

drWeb

mgsmus Vue öğrenmek gibi bir amacım yok projemin ufak bir kısmında kolaylık sağlaması açısından kullanmak istedim. Yeni bir pusher bildirimi geldiğinde bu verileri tekrar yenileyen bir örnek yazabilirseniz hem ben öğrenmiş olayım hem de bu şekilde arama yapan insanlara bir yol açmış olayım.