nuxt-property-decorator での asyncData の書き方

2020-04-18T18:18:09+09:00

個人的には decorator を使った書き方のほうが好きだけど、普通にメソッドに asyncData を書いても読み込んでくれない。
Component の中に書くのが正しいみたい。
検索してもなかなか出なかったので投稿します。

間違い

@Component
  export default class Login extends Vue {
    async asyncData(context: Context) {
      return {
        yay: 'yay'
      }
    }
  }

正しい

  @Component({
    async asyncData(context: Context) {
      return {
        yay: 'yay'
      }
    }
  })
  export default class Login extends Vue {

  }

「nuxt-property-decorator」の記事 - Crieit

nuxt-property-decorator での asyncData の書き方

間違い

正しい