vue2项目监听路由变化，在路由发生变化时，手动调用销毁鼠标悬浮弹框的方法，确保弹框被真正销毁，从而解决bug的代码示例

好的，以下是Vue2的代码示例：

<template>
  <div>
    <!-- 这里是你的页面内容 -->
    <mouse-tooltip ref="tooltip">
      <!-- 这里是鼠标悬浮弹框的内容 -->
    </mouse-tooltip>
  </div>
</template>

<script>
import MouseTooltip from 'vue-mouse-tooltip';
export default {
  mounted() {
    // 监听路由变化
    this.$router.afterEach(() => {
      // 手动调用销毁鼠标悬浮弹框的方法
      this.$refs.tooltip.destroy();
    });
  },
  components: {
    MouseTooltip,
  },
};
</script>

在上面的代码中，我们使用了`vue-mouse-tooltip`来创建鼠标悬浮弹框，然后在`mounted`生命周期钩子中监听路由变化。每当路由发生变化时，我们会手动调用`this.$refs.tooltip.destroy()`来销毁鼠标悬浮弹框。

最后，我们将需要添加鼠标悬浮弹框的内容放在`<mouse-tooltip>`标签内即可。