title: vueJS click event not working
body: <p>I'm trying to create a click event in Vue in a static HTML file as test but it doesn't work as expected. See full code below:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;!--[if IE]&gt;&lt;![endif]--&gt;
  &lt;!--Empty IE conditional comment to improve site performance--&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/vue"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;script type="text/babel"&gt;
  var titleFilter = new Vue({
    el: '#filter',
    methods: {
      clickEvent: function(){
          console.log('Vue is working.');
      }
    }
  });
  &lt;/script&gt;
  
  &lt;a id="filter" v-on:click="clickEvent" href="#"&gt;CLICK ME&lt;/a&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So as a checklist:</p>
  
  <ol>
  <li>I have my function in a method object</li>
  <li>Function names are correct</li>
  <li>I'm including the library</li>
  <li>In my script tag, I'm specifing babel as type</li>
  </ol>
  
  <p>It's not working, what's wrong?</p>