Vue js Mixins nedir? neden kullanılır?
Öncelikler selamlar herkese ilk defa bir yazıyla sizle karşı karşıyayım, bugün sizlere başlıkta da okuduğunuz üzere mixins’ler, orta ve büyük ölçekli Vue Js projelerimizin göz bebeği olan mixins’ler işimizi aşırı kolaylaştıran kod karmaşıklığını önleyen, kodlarımızı tek parça haline getiren yapıdır diyebiliriz. Ufak bir örnekle açıklamak gerekirse ismobilejs diye bir paket kullanalım, bu paketi kullanmak istediğimiz her component ve sayfalarımızda çağırmamız gerekecek ve bu da ileride paket değişikliği yapmak istediğimizde veya paketin içinde kullanım değişikliği olduğunda bunun bize zaman ve maliyet olarak sıkıntılar çıkaracağını söyleyebilirim işte tamda burada mixins’ler karşımıza çıkıyor. Şimdi birlikte ismobilejs adlı paketin birlikte kurulumunu yapıp kullanalım;
Görüldüğü üzere isMobileControl adında bir mixins oluşturduk ve tek yapmamız gereken istediğimiz componentlerde çağırıp kullanmak.
Üstteki görüntüde görüldüğü üzere mixins’imizi çağırdık ve onun alındaki görüntüde ise isMobileDevice props’u ile çok kolay şekilde kullanabildik eğer mixins kullanmasaydık isMobileControl.js’deki data, computed ve beforeMount’u her seferinde sayfalarda kullanmamız gerekecekti.
Okuduğunuz için çok teşekkür ederim ilk yazım olduğu için hatalarım ve yanlışlarım olabilir, hatalarımı ve yanlışlarımı benim ile paylaşırsanız bir sonraki yazılarımda düzelteceğimden emin olabilirsiniz.
