我刚刚开始探索vuetify。所有vuetify组件都位于中<v-app>
。
我想为自己的网站创建菜单,所以在找到的文档中<v-app-bar>
,<v-toolbar>
我很困惑是否应该将菜单项保留在内部<v-app-bar>
或<v-toolbar>
作为官方文档所述
关于<v-app-bar>
https://vuetifyjs.com/en/components/app-bars
该
v-app-bar
组件对于任何图形用户界面(GUI)都是至关重要的,因为它通常是站点导航的主要来源。app-bar组件与v-navigation-drawer结合使用非常好,可在您的应用程序中提供站点导航。
关于<v-toolbar>
https://vuetifyjs.com/en/components/toolbars
该
v-toolbar
组件对于任何GUI都是至关重要的,因为它通常是站点导航的主要来源。工具栏组件可与v-navigation-drawer和v-card结合使用。
两者的描述几乎相同。两者之间有什么区别,什么时候应该使用什么?还是我们应该v-toolbar
在里面使用v-app-bar
?
实际上
v-app-bar
扩展v-toolbar
了您可以使用的其他属性。这些属性使您可以更精细地控制工具栏的总体布局,以及它如何响应周围空间的大小和内容更改。
您可以查看每个属性,并查看可以如何使用
v-app-bar
一打或更多其他属性来自定义其功能和设计,而toolbar
对它们的用途有所看法并限制了这些功能。