如何从 NUXTJS 页面访问布局中的标题？

Question

如何从页面访问布局中的标题？

布局：

<template lang="pug">
  .glob
      h1.title {{ head.title}} // how i can?
      Nuxt

</template>

页面：

head() {
    return {
      title: this.pageTitle,
    }
},

Answer 1

computed: {
    headerData() {
      return this.$route.matched.map(r => {
        return r.components.default.options.data().title
      })[0]
    }
  }