Vuetify da v-toolbar ve v-app-bar arasındaki fark nedir?

Question

Selamlar,

Vuetify kullanarak bir sayfa tasarlıyorum. Bir navbar yapıyorum ve takip ettiğim kursta bunun için v-toolbar kullanılıyor. Ben ise bunu kullanıp özelleştirme yaptığımda <v-toolbar flat app> gibi hata veriyor ve bunun yerine v-app-bar kullanılması gerektiğini söylüyor. İkiside aynı işi mi yapıyor? Arasındaki farklar nelerdir?

Answer 1

Vuetify'de, v-toolbar ve v-app-bar, kullanıcılara farklı amaçlar için tasarlanmış farklı araç çubuğu bileşenleridir.

v-toolbar, sayfanızda birden fazla araç çubuğu eklemenizi sağlayan bir bileşendir. v-toolbar, birden fazla bileşeni içerebilir ve bunları dikey veya yatay olarak hizalayabilirsiniz. Bu bileşen, sayfanızın üst kısmında veya yan panellerde kullanılabilir.

v-app-bar, uygulamanızın ana navigasyon arayüzünü sağlamak için tasarlanmış bir bileşendir. v-app-bar, sayfanın üst kısmında yer alır ve uygulama genelinde kullanılabilir. v-app-bar, v-toolbar'dan farklı olarak, birden fazla bileşeni içeremez ve yalnızca yatay olarak hizalanabilir.

v-toolbar ve v-app-bar arasındaki ana fark, v-toolbar'ın birden fazla araç çubuğunu içerebilmesi ve dikey hizalanabilmesi, v-app-bar'ın ise yalnızca tek bir araç çubuğunu yatay olarak hizalayabilmesidir. Bu nedenle, v-toolbar, sayfanızda birden fazla araç çubuğuna ihtiyacınız olduğunda kullanılırken, v-app-bar, uygulamanızın ana navigasyon arayüzünü sağlamak için kullanılır.