Vue 组件中获取 data 属性值

在 Vue 组件中，可以通过 this 关键字来访问该组件的 data 对象中的属性值。例如：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

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

在上面的例子中，我们在 mounted 钩子函数中使用 this.message 来访问组件的 data 对象中的 message 属性值。可以将 this.message 赋值给任何需要使用该值的变量或方法中。