title: vuejs : how to set link to popover block in for circle
body: <p>In my laravel5.5/vuejs2.5 application I need to show list of buttons with popover text using vue-js-popover ( <a href="https://github.com/euvl/vue-js-popover" rel="nofollow noreferrer">https://github.com/euvl/vue-js-popover</a> ) library
  But I failed the valid syntax. I tried as :</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li v-for="popoverData, index in popoverDataArray"&gt;
          &lt;button :v-popover="'hint_'+popoverData.id"&gt;Toggle popover # {{ popoverData.id }}&lt;/button&gt;
  
          &lt;popover :name="'hint_'+popoverData.id"&gt;
              {{ popoverData.text }}
          &lt;/popover&gt;
  
      &lt;/li&gt;
  &lt;/ul&gt;
  
  ...
  
  
  data: function () {
      return {
          ...
          popoverDataArray:[
              {id: 1, text : 'Lorem  ipsum dolor sit amet, 1111' },
              {id: 2, text : 'Lorem  ipsum dolor sit amet, 2222.' },
              ...
          ],
  
  }
  </code></pre>
  
  <p>Which is the correct syntax in button definition to set link to popover block ?     </p>
  
  <p>Thanks!</p>