vue template调用methods

在 Vue 的 template 中，可以使用 `v-on` 或 `@` 指令来绑定事件，同时也可以调用组件的 methods 方法。

举个例子，假设有如下组件：

<template>
  <div>
    <button @click="increment">{{ count }}</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0
    }
  },
  methods: {
    increment() {
      this.count++
    }
  }
}
</script>

这个组件有一个按钮，每次点击按钮时调用 `increment` 方法来增加 `count` 的值。

在模板中，使用 `@click` 指令绑定 `increment` 方法，即可实现按钮点击事件调用该方法：

<button @click="increment">{{ count }}</button>

也可以使用 `v-on` 指令绑定事件：

<button v-on:click="increment">{{ count }}</button>

注意，如果想要在组件中调用 methods 方法，则需要在模板中使用 `this` 关键字来访问组件实例中的方法和属性。例如，在上面的例子中，调用 `increment` 方法时需要使用 `this.increment()`。