vuetify中的v-app-bar和v-toolbar有什么区别?

vue.js Vue.js

村村伽罗Mandy

2020-03-14

我刚刚开始探索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

第1620篇《vuetify中的v-app-bar和v-toolbar有什么区别?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
Davaid神奇Eva 2020.03.14

实际上v-app-bar扩展v-toolbar了您可以使用的其他属性。

这些属性使您可以更精细地控制工具栏的总体布局,以及它如何响应周围空间的大小和内容更改。

您可以查看每个属性,并查看可以如何使用v-app-bar一打或更多其他属性来自定义其功能和设计,而toolbar对它们的用途有所看法并限制了这些功能。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android