Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Nuxt Composition API 使ってみた

y-tsuzaki
September 17, 2021

Nuxt Composition API 使ってみた

y-tsuzaki

September 17, 2021
Tweet

More Decks by y-tsuzaki

Other Decks in Programming

Transcript

  1. @nuxtjs/comopsition-api = Nuxt Composition API 新しいやり方 nuxt-communityが提供している Nuxt 3 のための実験的なもの

    Nuxt 3 ではメソッド名がかわるかもしれない Nuxt固有の機能を使える 弊社もこちらへの意向を検討中
  2. Nuxt Composition API @vue/composition-apiの機能に加えてNuxt固有の機能を提供している useMeta : Metaタグの情報にアクセスするメソッド useAsync : NuxtのAsyncDataフックを使うメソッド

    useFetch : NuxtのFetchフックを使うメソッド など reqRef, reqSsrRef, ssrRefなど新しい概念も登場している (まだよくわかってないがSSRとCSRで値を共有する方法っぽい)
  3. Nuxtインストール yarn create nuxt-app sample-app 言語はTypeScriptを選択する Composition APIを導入する yarn add

    @nuxtjs/composition-api 今回は新しいやりかたである@nuxtjs/composition-apiを試してみる