Merhaba Arkadaşlar;
Sorunu çözdüm. Cevap olarak çözümü buraya yazıyorum ve yönetici arkadaşlar konuyu kitleyebilirler.
Öncelikle birbirinden bağımsız component ler arasında veri alış verişi yapmak için yapılması gerekenlerden ilki.
app.js dosyasının içerisine bir taşıyıcı oluşturuyoruz.
export const bus = new Vue();
bir sonraki adım ise oluşturulan taşıyıcıyı veriyi gönderecek component'in içine aktarıyoruz.
import {bus} from "../../../app";
ve aynı component içerisine verinin taşınma şeklini belirtiyorsunuz.
gidenVeri(data){
bus.$emit('gelenVeri',data)
}
karşılanacak yani veriyi alacak olan component de ise yine aynı şekilde öncelikle taşıyıcıyı import ediyoruz.
import {bus} from "../../../app";
veriyi okuyacak işlemi belirtiyoruz.
gelenVeri(){
bus.$on('gelenVeri',(data)=>{
this.gelenVeriDegiskeni = data;
})
}
bu şekilde alakasız bir çok component arası veri okuma işlemleri yapabilirsiniz. İyi Çalışmalar.