Access parent methods from component template in vuejs

Question

I have this code:

     new Vue({
        el: '#app',
        components: {
            'app-component': AppComponent
        },
        data: {
            message: 'Hello Vue.js!'
        },
        methods: {
            doSomething: function(){
                console.log('arrived!')
            }
        }
    })

How can I call "doSomething" method from AppComponent html template? like this:

<app-component>  
    <a href="#" v-on:click="doSomething()">text</a>
</app-component>

I get this error:

Uncaught TypeError: scope.doSomething is not a function

Answer 1

You can use this, based on this answer.

this.$parent.$options.methods.someParentMethod(data)

Answer 2

try v-on:click="$parent.doSomething()"