title: v-on:click does not work (vue.js)
body: <p>I try to get into vue.js and I'm stuck.</p>
  
  <p>Html page:</p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Title&lt;/title&gt;
      &lt;script src="https://cdn.jsdelivr.net/npm/vue"&gt;&lt;/script&gt;
      &lt;script src="test.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="app"&gt;
          &lt;button v-on:click="exampleFunction"&gt;General&lt;/button&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>test.js</p>
  
  <pre><code>var app = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    },
     created: function () {
         console.log('Vue instance was created');
     },
     methods:  {
         exampleFunction: function () {
             console.log('This is an example function');
         }
     },
     destroyed: function () {
         console.log('Vue instance was destroyed');
     }
  })
  
  app.exampleFunction();
  </code></pre>
  
  <p>Console output:</p>
  
  <pre><code>Vue instance was created
  This is an example function
  </code></pre>
  
  <p>The problem is that the button does not work, it's writing nothing on the console when I click.</p>
  
  <p>Any suggestion?</p>