Tooltip Example

by quantumpulse

HTML

<script src="https://unpkg.com/vue"></script>

<div class="text-center my-3">
  <button title="Tooltip content to be displayed">
    Hover Me
  </button>
  
  <hr>
    <ul id="example">
      <li v-for="item in items" :title="item.message">
        {{ item.message }} <br>
      </li>
    </ul>
        
</div>

JavaScript

var example1 = new Vue({
  el: '#example',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' }
    ]
  }
})