title: use vue component in v-for loop
body: <p>Hello I need a help with generating multiple vue component (vue-popperjs - for tooltip). </p>
  
  <p>In code bellow, components appear on page but I cant to interact with them(button wont toggle tooltip and tooltip is show by default) and I have a error in console 
  "vue.common.js?e881:560 [Vue warn]: Error in mounted hook: 
  (found in )"</p>
  
  <p>and </p>
  
  <pre>
  TypeError: Cannot read property '0' of undefined
      at VueComponent.mounted (eval at  (app.js:909), :117:64)
      at callHook (eval at  (app.js:891), :2275:21)
      at Object.insert (eval at  (app.js:891), :2954:7)
      at invokeInsertHook (eval at  (app.js:891), :4960:28)
      at Vue$3.patch [as __patch__] (eval at  (app.js:891), :5124:5)
      at Vue$3.Vue._update (eval at  (app.js:891), :2042:19)
      at Vue$3.updateComponent (eval at  (app.js:891), :2158:10)
      at Watcher.get (eval at  (app.js:891), :2469:25)
      at Watcher.run (eval at  (app.js:891), :2539:22)
      at flushSchedulerQueue (eval at  (app.js:891), :2331:13)
  </pre>
  
  <p>Code:</p>
  
  <pre><code>&lt;span class="input" v-for="additionalCategory in additionalCategories"&gt;
    &lt;p&gt;@{{ additionalCategory.name }}
  
      &lt;popper trigger="click" :options="{placement: 'right'}" :content="additionalCategory.tooltip_text"&gt;
        &lt;div class="additionalCategory.tooltip_text"&gt;
          @{{ additionalCategory.tooltip_text }}
        &lt;/div&gt;
  
        &lt;button slot="reference"&gt;
          Reference Element
        &lt;/button&gt;
      &lt;/popper&gt;
      &lt;span v-if="additionalCategory.tooltip_active" class="tooltip-div" @click="showTooltip(additionalCategory.tooltip_text, additionalCategory.id, $event)"&gt;
  
        &lt;span class="tooltip_toggle" v-bind:class="additionalCategory.id"&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/p&gt;
  
    &lt;div class="input-action"&gt;
      &lt;div class="counter"&gt;
        &lt;input type="text" :value="additionalCategory.quantity" :id="additionalCategory.id"&gt;
  
        &lt;div class="ico"&gt;&lt;img :src="'/images/icons/'+additionalCategory.icon+'.png'"
                              :id="additionalCategory.name"&gt;&lt;/div&gt;
        &lt;div class="plus-minus"&gt;
          &lt;div class="minus" v-on:click="clickMinus($event, additionalCategory.id)"&gt;&lt;/div&gt;
          &lt;div class="plus" v-on:click="clickPlus($event, additionalCategory.id)"&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I was register popper in app.js:</p>
  
  <pre><code>Vue.component('popper', require('vue-popperjs'));
  </code></pre>
  
  <p>and as same component work but not in for loop.
  Please help me, I don't have idea what to do. </p>