vue 循环多个div鼠标到这个div显示这个div的按钮

你可以使用 Vue.js 的 v-for 指令循环多个 div，然后使用 v-show 指令来控制按钮的显示和隐藏。具体实现步骤如下：

1. 在 Vue.js 实例中声明一个数组，该数组包含多个对象，每个对象表示一个 div，其中包含一个属性用于控制按钮的显示和隐藏。例如：

data: {
  divList: [
    { id: 1, showBtn: false },
    { id: 2, showBtn: false },
    { id: 3, showBtn: false },
    // ...
  ]
}

2. 使用 v-for 指令循环该数组，并绑定每个 div 的 id 和鼠标移入移出事件。例如：

<div v-for="div in divList" :key="div.id" @mouseover="showBtn(div.id)" @mouseout="hideBtn(div.id)">
  <!-- div 的内容 -->
  <button v-show="div.showBtn">按钮</button>
</div>

3. 在 Vue.js 实例中声明两个方法 showBtn 和 hideBtn，用于控制按钮的显示和隐藏。例如：

methods: {
  showBtn(id) {
    this.divList.find(div => div.id === id).showBtn = true;
  },
  hideBtn(id) {
    this.divList.find(div => div.id === id).showBtn = false;
  }
}

这样就可以实现鼠标移入 div 显示按钮，移出 div 隐藏按钮的效果了。