vue中methods定义函数并调用
时间: 2023-08-31 11:06:52 浏览: 191
对vue中methods互相调用的方法详解
在Vue中,可以使用methods属性来定义函数,并在模板或其他方法中调用它们。下面是一个简单的例子:
```html
<template>
<div>
<button @click="sayHello">点击我打招呼</button>
</div>
</template>
<script>
export default {
methods: {
sayHello() {
console.log('Hello Vue!')
}
}
}
</script>
```
在上面的例子中,我们在methods属性中定义了一个名为sayHello的函数。在模板中,我们使用@click指令将该函数绑定到按钮的点击事件上。当按钮被点击时,sayHello函数会被调用,并在控制台打印出"Hello Vue!"。
你可以根据自己的需求在methods中定义多个函数,并在模板或其他方法中调用它们。
阅读全文