title: v-on:click not working - dynamically added html element
body: <p>I am trying to get all images for a category using Vue</p>
  <pre><code> &lt;div class=&quot;col-md-12 col-sm-2 p-2&quot;&gt;
    &lt;a v-on:click=&quot;onCategoryManageImageClick($event)&quot;  data-target=&quot;#location- 
    category-images&quot;&gt;
   &lt;/span&gt;
    &lt;/a&gt;
   &lt;/div&gt;
  </code></pre>
  <p>So the event onCategoryManageImageClick ($event) does not work, if I am adding a html block and then click on get image button.</p>
  <p>this is index.js</p>
  <pre><code>      methods:{
          onImagesTabClick(){
          this.$root.$emit('activated-tab:location-images');
      },
      onCategoriesTabClick(){
          window.j1App.eventBus.$emit(&quot;j1-location-image-list:shown&quot;);
      },
      onCategoryManageImageClick: function(event) {console.log('working event..');
          event.preventDefault();
          window.j1App.eventBus.$emit(&quot;j1-location-category-image- 
   list:shown&quot;,event.currentTarget.id);
      }
  }
  </code></pre>
  <p>So basically it need to to work like we do in jQuery</p>
  <pre><code>$(document).on('click',function{
     })
  </code></pre>
  <p>So it works either page load or if adding any new html element on DOM. same I want in Vue.</p>