写一个vue2zrendert绑定单击事件例子
时间: 2023-08-02 13:16:48 浏览: 131
好的,以下是一个Vue2中绑定单击事件的例子:
```html
<template>
<div>
<button @click="buttonClicked">Click me!</button>
</div>
</template>
<script>
export default {
methods: {
buttonClicked() {
alert("Button clicked!");
}
}
}
</script>
```
在上面的代码中,我们使用了Vue2中的模板语法来创建一个按钮,并通过`@click`指令将`buttonClicked`方法绑定到按钮的单击事件上。当用户单击按钮时,`buttonClicked`方法被调用并弹出一个提示框,显示“Button clicked!”的消息。
需要注意的是,`@click`指令实际上是Vue2中的一个简写形式,它等价于`v-on:click`。因此,如果你更喜欢使用完整的指令名称,可以将上面的示例中的`@click`替换为`v-on:click`。
阅读全文