2020-04-18に投稿

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

個人的には 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 {

  }
ツイッターでシェア
みんなに共有、忘れないようにメモ

rr

a

Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?

コメント