エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Nuxt.jsで異なるコンポーネントから共通で利用できる関数を定義する(inject編) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Nuxt.jsで異なるコンポーネントから共通で利用できる関数を定義する(inject編) - Qiita
異なるコンポーネントから共通で利用できる関数を定義したかったので、試してみました。 以前の記事では... 異なるコンポーネントから共通で利用できる関数を定義したかったので、試してみました。 以前の記事ではmixinを使って実現しましたが、この方法では asyncData や fetch 内で共通の関数を利用できませんでした。 そのため、今回はinjectを使って実現しています。 この方法では、 asyncData や fetch 等のSSR時も関数を利用できるため、こちらの方が良いかもしれません。 共通の関数を定義する plugins/ 内に utils.js というファイルを作成し、ここに関数を定義していきます。 今回は例として hoge() と fuga() という、2つの関数を定義するものとします。 使用する際は this.$huga() のように記述します。