title: Modifier to custom directive in vue
body: <p>I'm working with custom directives and want to create one such that you could use separate events for firing it based on what you pass it in the markup.</p>
  
  <pre><code>v-example-directive.mousedown="exampleFunction"
  v-example-directive.mouseup="exampleFunction"
  v-example-directive.click="exampleFunction"
  </code></pre>
  
  <p>I've looked through Vues Documentation and tried searching how to do this but have found nothing about this. Is this something that could be done such that you can create one directive and have either multiple functions inside or the ability to define what type of event you want? Or would I have to register multiple directives to achieve this?</p>