栅格垂直排列

在官方文档的例子中，栅格是没有垂直排列的例子的，但是利用 Flex，我们就能很轻松的实现这样的布局。

官方文档导航：

• 栅格（Grid）： https://vuetifyjs.com/components/grids/
• Flex： https://vuetifyjs.com/styles/flex/

原生 CSS 文档导航：

• 栅格（Grid） MDN： https://developer.mozilla.org/docs/Web/CSS/grid
• Flex MDN： https://developer.mozilla.org/docs/Web/CSS/flex

使用 Flex 垂直 Grid 排列

vue

<!-- 只需要添加 class="flex-column" 这个类名即可让布局垂直排列 -->
<!-- 更多用例请查看 Flex 文档 -->
<v-row no-gutters class="flex-column">
  <v-col v-for="n in 3" :key="n" cols="12">
    One of three columns
  </v-col>
</v-row>