<template>
  <div>
		<h2>Trigger Event</h2>
		<div style="padding:20px 40px">
			<span v-Tooltip="t1">Hover Me</span>
		</div>
		<div style="padding:20px 40px">
			<span v-Tooltip="t2">Click Me</span>
		</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      t1: "This is a tooltip.",
      t2: {
        content: "This is a tooltip.",
        showEvent: "click"
      }
    };
  }
};
</script>