前提 Nuxt.js と Firebase Googleアカウントログインの仕組みを作成しておく。 仕組みの作り方は別記事にて。 コンポーネントの構成 大枠 index.vue コンポーネント（ログイン前） Hello.vue コンポーネント（ログイン後） Goodbye.vue 仕組みを言語化 まず…

サンプルコード <button class="fnBtn">function</button> <button class="arrowThis">() => this</button> <button class="arrowEvent">() => event.currentTarget</button> <script> // 従来のfunction() 用いた通常関数で this の値を取得する const fnBtn = document.querySelector('.fnBtn'); fnBtn.addEventListen…