Kural olarak, yazılım sistemleri gerçek uygulamalarda kullanılıncaya kadar iyi çalışmaz ve defalarca başarısız olur.
- David Parnas
Vue ile mixin nasıl kullanılır ve mixin ne iş yapıyor.
İki componentinizin olduğunu varsayalım ve iki componenttede search işlemi yapıyorsunuz burada kullanılan script kodları aynı olabiliyor. Bir diğer deyişle dublicate yani kod tekrarı oluşuyor mixin ile kodu bir js dosyasında tutarak gerekli componentlere import ederek kod tekrarını engellemiş oluyoruz.
Görseldeki gibi iki component var ve arama işlemi yapılıyor.
İki componentte ise bu kod bloğu ile arama yapılıyor.
Evet burada mixin devreye giriyor projemiz içerisinde productMixin isminde bir js dosyası oluşturalım ve aşağıda göründüğü üzeri kodumuzu productMixin.js içesine ekleyelim.
Aşağıdaki görseldeki gibi componente import ediyoruz.
mixins dizi olarak alınır ve görüceğiniz üzeri ProductMixin bir object ve bundan dolayı import edilirken object olarak tanımlamamız gerekmektedir.
0 Yorum
Yorum Bulunmuyor...