vue2执行函数函数

在 Vue 2 中，可以使用 `methods` 对象来定义组件中的函数。这些函数可以在组件内部使用，也可以通过事件绑定传递给子组件。

以下是一个示例组件：

<template>
  <div>
    <button @click="incrementCounter">Click me</button>
    <p>Counter: {{ counter }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      counter: 0
    };
  },
  methods: {
    incrementCounter() {
      this.counter++;
    }
  }
};
</script>

在上面的代码中，我们定义了一个 `counter` 变量和一个 `incrementCounter` 函数。当用户点击按钮时，`incrementCounter` 函数会将 `counter` 变量增加1，并通过 Vue 的响应式系统更新视图。

我们可以在模板中使用 `@click` 指令将 `incrementCounter` 函数绑定到按钮的点击事件上。当用户点击按钮时，`incrementCounter` 函数会被执行。