在Vue Cli中使用Flexbox布局是非常方便的。Flexbox為我們提供了一種簡單易用的布局方式，可以幫助我們快速實現各種復雜的頁面布局。

首先，我們需要安裝Flexbox組件庫。在終端中輸入以下命令：

npm install flexbox --save

安裝完成之后，我們可以在Vue文件中直接引入Flexbox組件：

<template>
<div class="container">
<flexbox>
<flexbox-item v-for="item in items">
{{ item }}
</flexbox-item>
</flexbox>
</div>
</template>
<script>
import { Flexbox, FlexboxItem } from 'flexbox';
export default {
components: {
Flexbox,
FlexboxItem
},
data () {
return {
items: ['Item 1', 'Item 2', 'Item 3']
}
}
}
</script>

在上面的代碼中，我們創建了一個flexbox容器，并在其中使用v-for指令生成了三個flexbox-item。通過這種方式，我們可以很輕松地創建一個Flexbox布局。在樣式方面，我們可以使用Vue的style屬性來設置各種flexbox相關的樣式。

綜上所述，Vue Cli中使用Flexbox布局非常簡單，只需要安裝Flexbox組件庫并在Vue文件中引入即可。通過這種方式，我們可以快速實現各種復雜的頁面布局，讓開發變得更加高效。