title: Disable propagation of click handle to child in vue 2
body: <p>Using this markup</p>
  
  <pre><code>&lt;div @click='handleClickOnDiv'&gt;
      {{ message }}
      &lt;i class='fa fa-plus' @click='handleClickOnI'&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I click on <code>div</code> - it calls <code>handleClickOnDiv</code>, but when I click on <code>i</code> - it calls both handlers.</p>
  
  <p>How to deal with it?</p>