inject と Headless Vue インスタンスを活用したリアクティブな認証管理 - ElevenBack LLC. Engineering

この記事は Nuxt.js アドベントカレンダー 24 日目の記事です。 ここ一年ほどほとんど Nuxt.js で Vue.js を単体で使うことがめっきり減った @potato4d です。 今回はニッチな話題として、「JavaScript の世界のオブジェクトに Vue.js のリアクティブ機構をもたせる」という話をしたいと思います。 なお、今回はややこしいコードベースを省く意味でも Nuxt.js 環境を前提とします。 実現したい要件 まずは実現したい要件を定義します。 今回は、現在弊社にて開発中の Web サービスのシステムをベースとして考案します。 Firebase Authentication を使ってユーザー情報をやりとりする データベースヘの取得・保存操作では、 Firebase 側のユーザーの uid を利用するためグローバルから認証情報にアクセスできてほしい できればその

[potato4d]

日本語おかしいかもですが、Vue.js激便利テクニックを紹介しました。

[astap]

なるほどん

[apple19940820]

injectくそ便利だけどあんま使われてないのはなんだろう

[simochee]

おーおもしろい。Injectまともに使ったことなかったから参考にしてみよう

[barlog]

“inject については、 Nuxt.js を使っていても知らない人も多い機能ではないでしょうか。これはその名の通り、 Vue インスタンスへの注入が可能な関数であり、現状 plugins 内にて利用が可能です。”

[sathoeku]

前から気になってたやつだ