在Vue中，菜單收縮是一個常見的需求。我們通常會使用v-if或v-show指令來控制菜單的展開或收縮，但是這樣會給模板邏輯造成不必要的復雜度。下面介紹一種更簡潔、更易于維護的方法。

首先，我們在組件的data選項中添加一個isCollapsed屬性，用于控制菜單的展開狀態。

data() {
return {
isCollapsed: false
}
}

接下來，我們可以在菜單所在的DOM元素上綁定一個@click事件，用于切換isCollapsed屬性的值。

<div class="menu" @click="isCollapsed = !isCollapsed">
...
</div>

最后，在渲染菜單的時候，使用v-bind:class指令動態綁定class名稱，根據isCollapsed屬性來判斷菜單是展開還是收縮狀態。

<div class="menu" @click="isCollapsed = !isCollapsed"
:class="{ 'collapsed': isCollapsed }">
...
</div>

以上就是一個簡潔、易于維護的Vue菜單收縮實現方法。通過這種方式，我們可以避免在模板中寫過多的條件語句，讓代碼更加清晰、易讀。