vue.js - vuetify 中的 v-app-bar 和 v-toolbar 有什么区别？

Question

我刚刚开始探索vuetify 。所有 vuetify 组件都位于 <v-app> .
我想为我的网站创建菜单，因此在文档中我找到了 <v-app-bar>和<v-toolbar>
我很困惑是否应该将菜单项保留在 <v-app-bar> 内或<v-toolbar>正如官方文档所说

关于<v-app-bar> https://vuetifyjs.com/en/components/app-bars

The v-app-bar component is pivotal to any graphical user interface (GUI), as it generally is the primary source of site navigation. The app-bar component works great in conjunction with a v-navigation-drawer for providing site navigation in your application.

关于<v-toolbar> https://vuetifyjs.com/en/components/toolbars

The v-toolbar component is pivotal to any gui, as it generally is the primary source of site navigation. The toolbar component works great in conjunction with v-navigation-drawer and v-card.

两者的描述几乎相同。两者有什么区别，什么时候应该使用什么？或者我们应该使用v-toolbar里面v-app-bar ？

Answer 1

根据 Vuetify Migration Guide -- 'Migrating from v1.5.x to v2.0.x' :

v-toolbar: All existing scrolling techniques and app functionality has been deprecated and moved to v-app-bar.

因此，从 Vuetify 2.0 开始，您可能希望在大多数典型应用程序的顶部使用 v-app-bar，因为您可以执行与滚动相关的效果并指定 v -app-bar 作为独特的“顶级”application component使用 app 属性。

另一方面，v-toolbar 可用于其他“从属”情况，其中滚动绝对不应该影响工具栏，也许如果 v-toolbar 正在使用用作屏幕小部件的一部分。