Vuejs如何在组件中获取自定义定义对象

Question

I want to use a custom object to instead of vue-meta 😂

Eg

<template>
  .....
</template>

<script>
export default {
  aboutMe: {}
}
</script>

How to get the custom define object aboutMe .

PS: But there is NOT data or computed

Thank you!

Answer 1

The object is available in the $options property:

mounted() {
  console.log(this.$options.aboutMe)
}

or

<template>
   <span> {{ $options.aboutMe }} </span>
</template>

But generally you'd want to add the object to the data :

data: () => ({
  aboutMe: {}
})

Then you can use {{ aboutMe }} and this.aboutMe