如何在vue组件中调用方法
时间: 2024-05-13 11:15:50 浏览: 153
在Vue组件中调用方法,需要先在组件的methods对象中定义该方法,然后在组件模板中绑定事件,并通过事件触发调用该方法。例如:
```
<template>
<button @click="handleClick">点击我</button>
</template>
<script>
export default {
name: 'MyComponent',
methods: {
handleClick() {
console.log('点击事件被触发了');
}
}
}
</script>
```
在上述代码中,我们定义了一个名为handleClick的方法,并在模板中的按钮上绑定了一个click事件,当用户点击按钮时,该事件会触发调用handleClick方法,并在控制台打印出一条日志。
阅读全文