Q&A
> Vue.jsの仕組み等よく理解できていないので
ならその学習をまずはされてみたら良いのでは。
Vue.jsとfirebaseを使ってログイン機能のあるSNSを作っています
まだVue.jsの経験が参考書一周のみで基本的なアプリを作ることはできますが、応用について自信がないので教えてください。
普通にcomponentsの中に[signin.vue]のようなファイルを作ってそこに処理を書き込んでApp.vueで普通のコンポーネントのように読み込めばいいのでしょうか。
ファイル構造はvuecliで生成しました。
ログインしている状態をどのようにVuexで保持すればいいのか、firebaseの処理を書いたvueファイルをどこにおいてどう読み込めばいいのかについて教えてください
ファイル構造はこんな感じです。
エラーなどではないので書くことが少なかったので何か見せて欲しい情報があれば教えてください
よろしくお願いします。
試したこと
googleでVue.js firebase チャット と調べ一通りのサイトを見回りましたが大体App.vueに処理を直接書き込んでいて肝心のコンポーネント化についてはわからない記事ばかりでした。
とりあえず参考書を一周しました、ですがfirebase関連の情報はネットを調べてもApp.vueに直接書き込んでいたのであまり参考になりませんでした。
なのでどのようにfirebaseの処理をコンポーネント化すればいいのかについて質問させていただきました。
仕組み等理解できていないというのはfirebaseとともに使う方法を自分で考えだしそれで間違っていないと言える自信がないからです。
普通にコンポーネント化したファイルを読み込めばそれでいいのですか？
回答1件
0
ベストアンサー
普段の開発と同じように各コンポーネントにそこで必要な処理を書けばよいのではないでしょうか？
例えばログインの有無によってページ遷移時に何か処理をしたい場合は、そのコンポーネントのcreatedでfirebase.auth().onAuthStateChangedを使う、といった具合です。
ログイン情報については、store.jsのstateに何か適当な変数をおいて、ログイン時にユーザー情報をそこに格納してその中から必要な情報を扱う、というのが基本だと思います。
私もgoogle認証しか扱ったことがありませんが、特にfirebaseだからVue側で何か特殊なことをしなければならないといった事はなく、必要な処理を必要なコンポーネントに書いていくという事になると思います。
投稿2019/12/14 08:07
総合スコア360
あなたの回答
tips
プレビュー
