javascript - 通过 v-on 调用函数内部的函数 :click

Question

如何在函数内调用函数？

模板:(HTML)

<a v-on:click="hello.world"></a>

JS : (作为组件)

methods: {
    hello: function() {
        return {
            world: function() {
                alert('hello world');
            }
        };
    }
}

我收到警告:

[Vue warn]: Invalid handler for event "click": got undefined

可以通过 JS 调用 this.hello().world() 但不能在模板中调用 (html) 就像 v-on

我缺少什么？

Answer 1

应该以稍微不同的方式使用它才能使其正常工作

<a v-on:click="hello().world()">foo</a>

http://jsbin.com/lizerazire/edit?html,js,output