我想将我的一些 Vue.js 方法组合在一种“子方法”类中，但我似乎只能拥有单级方法。
例如，如果我想要一组纯粹处理按钮操作的方法：
new Vue({
el: '#app',
data: { },
methods: {
buttonHandlers: {
handler1: function() {
dosomething;
},
handler2: function() {
dosomething;
}
}
}
});
我希望能够然后使用类似的东西：
<button v-on:click="buttonHandlers.handler1">Click Me</button>
但什么也没有发生。
我已经试过迫使功能加入括号运行：
<button v-on:click="buttonHandlers.handler1()">Click Me</button>
但我收到此控制台错误：
未捕获的类型错误：scope.buttonHandlers.handler1 不是函数
我已经设置了一个小的https://jsfiddle.net/ozx9oc4c/来演示我的意思。
如果有人知道在 Vue.js 中对父方法下的函数进行逻辑分组的方法，而不是没有真正结构的单级方法的页面和页面，我会很感激你的知识。