vue怎么获取data

export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  mounted() {
    console.log(this.message); // 输出 'Hello Vue!'
  }
}

<template>
  <p>Message: {{ message }}</p>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  }
}
</script>

export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe'
    }
  },
  computed: {
    fullName() {
      return `${this.firstName} ${this.lastName}`
    }
  },
  mounted() {
    console.log(this.fullName); // 输出 'John Doe'
  }
}

export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  methods: {
    getMessage() {
      return this.message
    }
  },
  mounted() {
    const message = this.getMessage();
    console.log(message); // 输出 'Hello Vue!'
  }
}

<template>
  <button @click="getClickData">Get click data</button>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  methods: {
    getClickData(event) {
      console.log(this.message); // 输出 'Hello Vue!'
      console.log(event.target); // 输出点击的按钮元素的引用
    }
  }
}
</script>