vue在方法中使用this

在 Vue 中，this 关键字在方法中指向组件实例。这意味着您可以在方法中访问组件的数据和方法。

以下是一个使用 this 关键字访问组件数据和方法的示例：

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="updateMessage">Update Message</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    }
  },
  methods: {
    updateMessage() {
      this.message = 'Hello, World!'
    }
  }
}
</script>

在上面的示例中，组件有一个数据属性 message 和一个方法 updateMessage。在 updateMessage 方法中，通过使用 this.message 访问 message 属性并使用 this.updateMessage 调用方法。