Vue btn group組件是一個非常實用的工具，可以讓你快速地創建一個按鈕組合。你可以把相關的按鈕放在一起，便于用戶選擇和使用。以下是一個簡單的示例代碼：

<template>
<div class="btn-group">
<button v-for="(item, index) in list" :key="index" :class="{'active': activeIndex === index}" @click="handleChange(index)">{{ item }}
在上面的代碼中，我們使用了flex布局將按鈕組排列在一行，使用了border屬性設置了邊框，使用了border-radius屬性設置了圓角。按鈕的樣式使用了基本的CSS屬性，其中:hover偽類用于當鼠標懸停在按鈕上時改變背景顏色。當選中某個按鈕時，會給該按鈕添加一個active類，顯示為深藍色背景和白色文字。
在Vue btn group組件中，你可以自由地定制按鈕樣式、按鈕數量和按鈕事件。上述示例代碼可以根據需要進行修改，添加新的樣式和邏輯。