VueJS 1.0：如何在属性中使用组件本身的方法？

Question

我已经定义了一个VueJS组件my_button，其中包含一个属性＆＃39; caption＆＃39;和方法＆＃39; click_button＆＃39;。

我在另一个VueJS组件中使用此组件

<template ....
    <my_button 
      caption="test" 
      v-on:click="click_button"
    >
    </my_button>
</template>

问题是，当我点击按钮时，它会抱怨click_button函数位于错误的范围内（显然是父组件而不是my_button）。

如何让它引用click_button的{​​{1}}？我尝试过this.click_button和$ this.click_button，但当然没有用。

Answer 1

我想在你的my_button组件中，你有一个按钮。在那里，做一些事情：

<button onClick="click_button">{{caption}}</button>