Vue中的justify是一種很常見的布局方式，它可以讓子組件在垂直方向上平均分布。使用justify可以有效的控制元素的排列，幫助開發者更快速的實現圖形布局。

下面是一個使用Vue的justify布局的例子：

<template>
<div class="parent">
<div class="child" v-for="item in list" :key="item">{{ item }}</div>
</div>
</template>
<script>
export default {
data() {
return {
list: ['第一項', '第二項', '第三項', '第四項'],
};
},
};
</script>
<style>
.parent {
display: flex;
justify-content: space-between;
height: 200px;
}
.child {
width: 80px;
height: 80px;
line-height: 80px;
background-color: blue;
text-align: center;
}
</style>

上面的例子中，我們使用了display：flex來使得子組件變為彈性盒子。接著，我們在父組件中使用了justify-content屬性來控制子組件在垂直方向上平均分布。在這個例子中，我們設置了屬性值為space-between，表示子組件均勻分布。

上述例子僅僅是justify布局的一個簡單應用案例，實際中，我們可以使用justify來完成更多樣化，更個性化的UI布局設計。掌握了這種布局方式，可以幫助開發者更快速的實現更加復雜的圖形布局。