タグ

ブックマーク / nuxt.alizlab.com (4)

  • 【Nuxt.js】Nuxt文法編:asyncData | aLiz Nuxt

    Q. 非同期処理ってなんですか? A. コンビニの店員さんが、「温めますか?」と言った後、温めてる間に別のお客さんの会計やりつつ、温め終わったら商品くれるやつ — いちくん (@tips__web) July 16, 2020 温めた商品が手元にくる前に 会計を先に済ませることができる というわけです! これが同期処理なら 温めてる間はずっと店員さんが レンジの前にいて、 温め終わってからでしか会計できません。 コードでいうなら… ⬇️の例でご覧ください🌟👀 Promise Promiseとは 値が今すぐは返せないけど、 その間に仕事はできるし、 後でちゃんと返すから!! という物です💡 効率よく仕事を回せる、できる人✨🙋‍♀️ そんなイメージです。 簡単な例 自分のIPアドレスを表示させるjsonファイル http://icanhazip.com を使用しています🌟 解説 aw

    【Nuxt.js】Nuxt文法編:asyncData | aLiz Nuxt
    kurocraft7522
    kurocraft7522 2021/03/31
    asyncDataについて
  • 【Nuxt.js】Nuxt文法編:try/catch | aLiz Nuxt

    前置き 今回は非同期通信で使う try/catchをやっていきます💫 JSONplaceholderの postsデータを取得・表示します。 ⬇️こちらの記事で 非同期通信の基を解説しています👀 (Promise, async/awaitなど) 【Nuxt.js】Nuxt文法編:asyncData

    【Nuxt.js】Nuxt文法編:try/catch | aLiz Nuxt
  • 【Nuxt.js】Nuxt文法編:$emit | aLiz Nuxt

    書き方 @clickとセットで使用します🌟 書き方は2種類 メソッド記法 @click="methods名" this.$emit('イベント名', 第二引数) インライン記法 @click="$emit('イベント名', 第二引数)" 簡単な使い方 buttonを押すとalertが出ます⏰ 子のbuttonを親で検知し、 親でalertの出るmethodsを発火させます。 メソッド記法ver. 解説 $emit('welcome') 子のイベント@clickを 親に検知してもらうための$emit イベント名をwelcomeと名付けています。 @welcome 親で先ほどのイベントwelcomeを受け取って sayHiメソッドを発火させています💡 コード ) components methods内で$emitを 使用する場合はthisが必要です💡

    【Nuxt.js】Nuxt文法編:$emit | aLiz Nuxt
    kurocraft7522
    kurocraft7522 2021/02/04
    $emit
  • aLiz Nuxt

    前置き 久々の更新です!Nuxt3来ましたね〜!!✨🪐https://nuxtjs.org/announcements/nuxt3-beta/ ⬇þ ...

    aLiz Nuxt
  • 1