如何为图片制作工具提示，绑定到GridColumn？

<img src="image.jpg" alt="这是一个图片的工具提示" />

<table>
  <tr>
    <td>
      <img src="image.jpg" alt="这是一个图片的工具提示" />
    </td>
  </tr>
</table>

<table>
  <tr>
    <td>
      <img src="image.jpg" id="img" />
    </td>
  </tr>
</table>

<script>
  var img = document.getElementById("img");
  img.addEventListener("mouseover", function() {
    img.title = "这是一个图片的工具提示";
  });
</script>

<template>
  <table>
    <tr>
      <td>
        <img v-bind:src="imageUrl" v-bind:alt="tooltip" />
      </td>
    </tr>
  </table>
</template>

<script>
  export default {
    data() {
      return {
        imageUrl: "image.jpg",
        tooltip: "这是一个图片的工具提示"
      };
    }
  };
</script>