Vue'da Bileşenlerle Çalışma

Herhangi bir web sitesine baktığımızda, onun üzerinde bazı blokları ayırt edebiliriz: başlık (header), içerik, kenar çubuğu (sidebar), altbilgi (footer).

Vue ile bir web sitesi oluştururken, biz de bu tür bağımsız blokları kullanabiliriz. Bunlar kodumuzu daha iyi organize etmemizi sağlayacak ve ileride bakımını kolaylaştıracaktır.

Vue'da bu tür bloklara bileşenler denir. Büyük uygulamalarda, bileşenlere ayırma, geliştirme sürecinin yönetilebilirliğini korumak için zorunlu bir koşul haline gelir.

Bileşenlerin components klasöründe yerleştirilmesi önerilir. Her bileşen ayrı bir dosyada, ES6 modülü şeklinde bulunur.