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

Question

我想使用自定义对象来代替vue-meta

例如。

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

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

如何获得自定义对象aboutMe**.**

PS:但是没有data或computed

谢谢！

Answer 1

该对象在$options属性中可用：

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

或

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

但是通常您希望将对象添加到数据中

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

然后您可以使用{{ aboutMe }}和this.aboutMe