Vue.js Vuetify 2.0：如何从Vuetify 1.5实现此布局？

你好

我最近开始使用Vuetify 2.0，我发现自己在Vuetify 1.5上实现了一些非常简单的东西。我觉得我错过了一些很明显的东西

请帮助我通过此Vuetify 1.5模板实现此结果：

<div id="app">
  <v-app>
    <v-content>
      <v-container fluid fill-height class="grey darken-4">
        <v-layout fill-height column wrap>
          <v-flex>
            <v-card height="100%">
              <v-card-title>I fill the whole available vertical space.</v-card-title>
            </v-card>
          </v-flex>
          <v-flex shrink>
            <v-card>
              <v-card-title>I'm shrinked to content vertically.</v-card-title>
            </v-card>
          </v-flex>
        </v-layout>
      </v-container>
    </v-content>
  </v-app>
</div>

我填满了整个可用的垂直空间。
我已经缩小到满足的水平。

• column

  不再特定于网格，而是一个通用的

  flex column

  类

• shrink

  应替换为

  flex-grow-0

  ，以防止图元增长，但不允许其收缩到原始尺寸以下

除此之外，一切都非常相似：

我填满了整个可用的垂直空间。
我已经缩小到满足的水平。

---

非常感谢：D正如我在专栏中所说，我遗漏了一些东西：行中的flex column类。祝你有美好的一天！