vue2项目在表格中每个td的格子手放上去显示对应内容离开消失并且实现封装防抖

你可以使用Vue的指令和事件来实现在表格中的每个单元格上显示对应内容的效果，并实现封装防抖。

首先，在单元格上添加指令，例如`v-on:mouseover`和`v-on:mouseleave`来监听鼠标移入和移出事件。然后，使用`v-show`指令来控制内容的显示和隐藏。最后，为了实现防抖效果，可以使用Lodash库中的`debounce`方法进行封装。

以下是一个示例代码：

<template>
  <table>
    <tr v-for="(item, index) in tableData" :key="index">
      <td v-for="(cell, cellIndex) in item" :key="cellIndex"
          v-on:mouseover="showContent(cell)"
          v-on:mouseleave="hideContent">
        <div v-show="show">
          {{ content }}
        </div>
      </td>
    </tr>
  </table>
</template>

<script>
import { debounce } from 'lodash';

export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
      show: false,
      content: ''
    };
  },
  methods: {
    showContent(cell) {
      this.content = cell;
      this.show = true;
    },
    hideContent() {
      this.show = false;
    }
  },
  created() {
    // 封装防抖处理
    this.showContent = debounce(this.showContent, 300);
  }
};
</script>

在上述示例中，当鼠标移入单元格时，会调用`showContent`方法来设置内容并显示，同时启动防抖处理。当鼠标移出单元格时，会调用`hideContent`方法来隐藏内容。防抖处理通过在`created`钩子函数中使用`debounce`方法进行封装，确保在短时间内连续触发事件时只执行一次。

你可以根据自己的实际需求调整代码，并替换示例中的表格数据和样式。希望对你有帮助！如果还有其他问题，请随时提问。