vue方法带返回值
时间: 2023-08-11 07:05:00 浏览: 92
详解vue中this.$emit()的返回值是什么
Vue.js 中的方法可以有返回值,就像普通的 JavaScript 函数一样。你可以在方法中使用 `return` 语句来返回一个值。
例如,我们可以定义一个计算两个数字之和的方法,并返回结果:
```html
<template>
<div>
<h1>计算器</h1>
<input type="number" v-model="num1"> +
<input type="number" v-model="num2"> =
<span>{{ sum() }}</span>
</div>
</template>
<script>
export default {
data() {
return {
num1: 0,
num2: 0
}
},
methods: {
sum() {
return parseInt(this.num1) + parseInt(this.num2);
}
}
}
</script>
```
在上面的示例中,我们定义了一个名为 `sum` 的方法,它计算 `num1` 和 `num2` 的和,并将结果返回。在模板中,我们使用 `{{ sum() }}` 来调用该方法,并将其返回值显示在界面上。
阅读全文