Vue.js delegate event handler to parent component?
<p>I have a global component on my <code>VM</code>, like this</p>

<pre><code>Vue.component('dropdown', function () {
    template: require('./templates/Dropdown.template.html'),

    components: {
        clients: require('./../modal/Clients.js')
    }
});
</code></pre>

<p>As you can see this global component has its own child component - <code>clients</code></p>

<p>In the template of this child component I have <code>click</code> event happening:</p>

<pre><code>&lt;button @click.prevent="submitForm"&gt;&lt;/button&gt;
</code></pre>

<p>Question:</p>

<p><em>Is it possible that the first global component <code>Dropdown</code> would be responsible for handling this event?</em></p>

<p>So I would have it like this</p>

<pre><code>Vue.component('dropdown', function () {

    ...

    methods: {
        submitForm: function () {
            // handling event
        }
    },

    ...
});
</code></pre>