Vue ElementUI 是一款非常優秀的前端 UI 框架，涵蓋了眾多組件和工具。其中，收起組件是一種非常常見的功能，通過點擊按鈕或者其他觸發方式，可以將某些內容折疊起來。

在 ElementUI 中，收起組件被稱為 Collapse。使用 Collapse 非常簡單，只需要在需要折疊的容器上添加 el-collapse 指令即可。

<template>
<div>
<el-collapse v-model="activeNames">
<el-collapse-item title="一致性 Consistency" name="1">
<p>這是一致性的內容</p>
</el-collapse-item>
<el-collapse-item title="反饋 Feedback" name="2">
<p>這是反饋的內容</p>
</el-collapse-item>
<el-collapse-item title="效率 Efficiency" name="3">
<p>這是效率的內容</p>
</el-collapse-item>
</el-collapse>
</div>
</template>

在上面的代碼中，el-collapse-item 是每一個折疊項，title 是折疊項的標題，name 是折疊項的唯一標識符。通過 v-model 可以綁定當前開啟的折疊項的 name。

除此之外，ElementUI 還提供了一些其他的屬性和方法來自定義 Collapse 的樣式和行為。例如，可以通過 :accordion 屬性設置是否開啟手風琴效果，:bordered 屬性設置是否顯示邊框，:show-arrow 屬性設置是否顯示箭頭等。

綜上所述，Vue ElementUI 的 Collapse 是一款靈活易用的組件，可以輕松實現頁面上的折疊效果。在實際開發中，可以根據實際需求進行配置，提高用戶體驗。