javascript - <router-view> を使用して Vue によってレンダリングされたコンポーネントはどのように相互に通信しますか?

Question

私は Vue を初めて使用するので、いくつか理解できません。
<router-view> は App.vue に配置されていますが、<router-view> でレンダリングされたコンポーネントがログインとメインと通信するようにしたい場合、どのように記述すればよいでしょうか? login.vueでボタンをクリックすると、バックグラウンドからユーザーの情報を取得してmainにジャンプし、main.vueにユーザーの情報が表示されるのですが、login.vueからmain.vueにユーザーの情報を渡すにはどうすればよいでしょうか？
App.vue のコード:

リーリー

vue-ルーター設定:

リーリー

Login.vue コード:

リーリー

Answer 1

1. ブラウザのlocalStorage/sessionStorageなどを利用します
2. vuexを利用してデータを共有します
userInfo.jsを作成し、中の状態がユーザー情報になります。ログイン後、userInfoのstateにユーザー情報を保存し、mainで取得します