v-on:click expects a function value, got undefined
<p>I'm trying to learn vuejs, currently trying to react to a button press, but the v-on:click directive doesn't find (apparently) the method I added to the component.</p>

<p>Here's my component: </p>

<pre><code>&lt;template&gt;
    &lt;!-- super big form ... --&gt;      
            &lt;div class="card-content"&gt;     
            &lt;div class="card-action"&gt;
                &lt;a class="waves-effect waves-light btn blue darken-4" v-on:click="createOrganization"&gt;Guardar&lt;/a&gt;
                &lt;a class="waves-effect waves-light btn red darken-4"&gt;Limpiar&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
    var Vue = require('vue');

    module.exports.addOrganization = new Vue({
        name: 'addOrganization',
        methods: {
            createOrganization: function(event){
                event.preventDefault();
                alert("0");
            }
        }
    });
&lt;/script&gt;
</code></pre>

<p>This is the parent component</p>

<pre><code>&lt;template&gt;  
    &lt;div id="navbar"&gt;
        &lt;navbar&gt;&lt;/navbar&gt;
    &lt;/div&gt;
        &lt;router-view&gt;&lt;/router-view&gt;
&lt;/template&gt;

&lt;script&gt;
    var nav = require('./src/components/navbar.vue');
    module.exports = {
        data () {
            return {
                var: "hi",
            }
        },
        components: {
            'navbar': nav
        }
    }
&lt;/script&gt;
</code></pre>

<p>And here's the main file</p>

<pre><code>var VueRouter = require('vue-router');
var addOrg = require('./src/components/addOrganization.vue');
var Vue = require('vue'); 
var App = require('./App.vue');
var VueResource = require('vue-resource');

$(document).ready(function() {
    $('select').material_select();

    var d = new Date();
    d.setFullYear( d.getFullYear() - 100 );
    $('.datepicker').pickadate(
    {
        selectMonths: true,
        selectYears: d,
        max: new Date()
    })
});

Vue.use(VueResource);
Vue.use(VueRouter);

new Vue({
  el: 'body',
  components: {
    app: App
  },
})

var router = new VueRouter();

router.map({
    '/': {
        name: 'addOrganization',
        component: addOrg
    }
})  

router.start(App, '#brightcrest');
</code></pre>

<p>And the warning I'm getting </p>

<pre><code>vue.common.js:1019[Vue warn]: v-on:click="createOrganization" expects a function value, got undefined
</code></pre>

<p>Then, the button doesn't do anything, it doesn't show any errors or anything.</p>