title: Is it possible to trigger events using Vue.js?
body: <p>I have just started using <a href="http://vuejs.org/" rel="noreferrer">Vue.js</a> and find myself continuously turning to jQuery to help in certain situations. Most recently I have attempted to, unsuccessfully "trigger" (or emulate) an event, such as an on click or blur event.</p>
  
  <p>I know in jQuery you can do the following:</p>
  
  <pre><code>$('#my-selector').trigger('click');
  </code></pre>
  
  <p>But how can this be acheived using Vue.js? I am wanting to move away from using jQuery as much as possible.</p>
  
  <p>Take the below as an example:</p>
  
  <pre><code>&lt;div id="my-scope"&gt;
      &lt;button type="button" v-on="click: myClickEvent"&gt;Click Me!&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  new Vue({
      el: "#my-scope",
      data: {
          foo: "Hello World"
      },
      methods: {
          myClickEvent: function(e) {
              console.log(e.targetVM);
              alert(this.foo);
          },
          anotherRandomFunciton: function() {
              this.myClickEvent();
          }
      }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>If I was to call <strong>anotherRandomFunciton</strong>, I would like it to emulate (or trigger) the above click event. However, I attempt this the event (or <strong>e</strong> in the above example) never gets passed to the function.</p>
  
  <p>Does Vue.js have a method for achieving this?</p>