在Vue中，通過使用{{}}插值方式可以將數據渲染至頁面上。然而，有時候我們需要根據數據的狀態來控制某個元素的顯隱，這時候就需要用到Vue的display指令。

display指令可以控制元素的顯示與隱藏，使用方法如下：

<template>
<div v-if="show" v-bind:style="{ display: 'block' }">
我是一個可見的元素。
</div>
<div v-else v-bind:style="{ display: 'none' }">
我是一個不可見的元素。
</div>
</template>
<script>
export default {
data() {
return {
show: true
};
}
};
</script>

在上述代碼中，我們使用v-if指令來判斷是否顯示該元素，而使用v-bind:style來動態的設置元素的display樣式。

不僅如此，Vue還提供了一些常用的快捷指令來控制元素的顯示與隱藏：

<template>
<div v-show="show">
我是一個可見的元素。
</div>
<div v-show="!show">
我是一個不可見的元素。
</div>
</template>
<script>
export default {
data() {
return {
show: true
};
}
};
</script>

在上述代碼中，我們使用v-show指令來控制元素的顯示與隱藏。當show為true時，第一個div元素顯示；當show為false時，第二個div元素顯示。

總的來說，使用Vue的display指令進行元素的顯示與隱藏是十分簡單和方便的。根據業務需求和實際情況選擇合適的指令和控制方式，才能提高頁面性能和用戶體驗。