我正在嘗試從Vuetify/Vue 2升級-& gt；3.我不是前端開發人員，只是負責升級一些遺留代碼以保持正常運行。不幸的是，遷移指南似乎假設了一定程度的CSS基礎知識，并且沒有提供如何修復所有被刪除內容的示例。

不幸的是，它給出的唯一建議是:

無狀態，剪輯，剪輯-右和應用程序道具已被刪除 從虛擬導航抽屜、虛擬應用程序欄和虛擬系統欄。在中的位置 標記決定外觀。使用order = & quot數字& quot支持 手動影響。

酷，所以我知道我需要用秩序來代替那些。但是我不知道如何維持舊的行為；我找到的最接近的幫助是這個帖子的答案，它只是說

這方面的文件在這里:https://next.vuetifyjs.com/en/features/application-layout/

布局組件排列的方式由它們在模板中出現的順序控制，并且可以使用order prop進行調整，其行為類似于CSS中的order。

不幸的是，如果你不了解CSS，那就沒什么幫助了。該應用程序布局頁面似乎只有一個order屬性的示例(在動態布局部分下)。

特別是，我正在努力弄清楚如何處理這個塊中的app/clipped-left/offset-y:

<template>
  <v-app>
    <v-app-bar app clipped-left dense>
      <v-app-bar-nav-icon @click.stop="mini = !mini">
        <v-icon v-if="!mini" slot="default">mdi-menu-open</v-icon>
      </v-app-bar-nav-icon>

      <v-toolbar-title>**************</v-toolbar-title>

      <v-spacer />

      <v-menu offset-y location="left bottom">

謝謝大家！

(我最初在這里提出這個問題，有人建議我把它分成多個問題)

所有這些屬性控制著v2中的主應用程序布局。在v3中，系統被改變了，它應該變得更加簡單和直接。

至于順序，在新的布局中，組件是按照它們在HTML中出現的順序添加的，每個組件將自己定位在當前可用的空間中。所以有了導航抽屜和應用程序欄，聲明順序決定了你得到的是哪一個:

--------------    --------------
|    bar     |    | m |  bar   |
--------------    | e |---------
| m |        |    | n |        |
| e |        | or | u |        |
| n |        |    |   |        |
| u |        |    |   |        |
--------------    --------------
bar then menu     menu then bar

如果出于某種原因，您想要以不同于您想要放置它們的順序來聲明組件，您可以使用order prop來改變它(我不認為您會需要它)。

你可以刪除的應用程序屬性，現在對于頂部布局組件(如v-app-bar或導航抽屜)是隱式的

clipped-left屬性允許導航抽屜與v-app-bar重疊，所以如果你顯示抽屜，它不會將app-bar的內容推到右邊。我不確定這在v3中是否可能。

使用了v-menu的offset-y屬性，所以菜單在應用程序欄下面打開，看起來像一個文件菜單，同樣，不確定這在v3中是否可能。