title: Extend Vue.js v-on:click directive
body: <p>I'm new to <a href="/questions/tagged/vuejs" class="post-tag" title="show questions tagged &#39;vuejs&#39;" rel="tag">vuejs</a>. I'm trying to create my first app. I would like to show a confirm message on every click on buttons.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;button class="btn btn-danger" v-on:click="reject(proposal)"&gt;reject&lt;/button&gt;
  </code></pre>
  
  <p>My question is: Can I extend the <code>v-on:click</code> event to show the confirm everywhere? I would make my custom directive called <code>v-confirm-click</code> that first executes a confirm and then, if I click on "ok", executes the click event. Is it possible?</p>