title: Click event in vuejs on custom component?
body: <p>I have in my main component one custom component and I need to fire a custom event on click, I tried it in this way:</p>
  
  <pre><code>&lt;child-component @click="fireCustomEvent"&gt;&lt;/child-component&gt;
  
  </code></pre>
  
  <p>This does not work and I tried to solve this problem with adding @click.native</p>
  
  <pre><code>&lt;child-component @click.native="fireCustomEvent"&gt;&lt;/child-component&gt;
  
  </code></pre>
  
  <p>With <code>.native</code> it works but it fires the event every time if I click inside my "child-component".</p>
  
  <p>Can I avoid somehow to fire this event again if I click inside "child-component"?</p>