nuxt.js asyncDataで取得した値の再利用？について

Question

nuxt.jsを用いてサイトを作ってます。
contentful APIから値を取得し、それをさらにjsで扱いたいのですが、
書き方がわかりません。

async asyncData({params}) {

    // 2つのHTTPのレスポンスを受けてからページがレンダリングされる
    const [post, posts] = await Promise.all([
      // Now entry
      client.getEntry(params.slug).then(entry => {return { article: entry }}),
      // Page nation
      client.getEntries({content_type: "testman"})
        .then(entries => {return {posts: entries.items}
      })
    ]);
    return { post, posts };
  },
  methods: {
  },
  computed:{

  }

上記”asyncData”で受け取ったposts（配列）をjsでさらに扱いたいのですが、
どこにどう書けばその値をたとえばsliceできるのかわかりません。
最終的に扱った値をpug側で{{ posts }}と表示したいです。

宜しくお願い致します。

Comments

[devneko64bit]

普段からNuxt.jsを利用していますが、コードからは問題を発見できません。
ブラウザのデベロッパコンソールに何かエラーが出ていないかや、HTTPアクセスにエラーが出ていないかなどを確認してみてはどうでしょうか。

Answer 1

asyncDataでreturnした値はdataで定義した値と同じ扱いになるので、methodやcomputedの中からはthis.postsでアクセスできると思います。

Comments

[nakanot]

上記の問題は別の方法で解決しましたが、
また別のところで回答いただいたものが役立ちました。

ここら辺基本ですよね...

ありがとうございます。