10. ログイン前のレイアウト構築
11 / 4. 【ウェルカムページ 3/4】スクロールイベントでツールバーの色を変化させよう
この動画はUdemyで購入できます。
動かして身につく。RailsAPIとNuxt.jsで作るJWT(JSONWebToken)ログイン認証【22時間超解説】
見てみる
11 / 4. 【ウェルカムページ 3/4】スクロールイベントでツールバーの色を変化させよう

この動画では、スクロールポイントでツールバーのスタイルを切り替える設定を行い、各メニューのクリックイベントを追加します。
00:00 この動画で達成すること
00:49 ツールバーにスクロールを検知するイベントを追加する
03:16 mounted()とは?
05:10 beforeDestory()とは?
07:04 Vuexを扱うindex.jsを作成する
08:06 stateとは?(Vuex)
08:27 gettersとは?(Vuex)
08:46 mutationsとは?(Vuex)
09:06 actionsとは?(Vuex)
10:19 Vuexのstateの値をdata()メソッド内で取得する方法
11:33 スクロールポイントでtrue・falseを返す算出プロパティを追加する
15:15 スタイルを切り替える算出プロパティを追加する
19:02 メニューボタンにクリックイベントを追加する
19:12 子コンポーネントにクリックイベントを追加する方法(@click.native)
19:52 $vuetify.goTo()メソッドとは?
22:48 まとめとコミット

この動画のリソース
独学プログラマ
独学でも、ここまでできるってよ。
LOGS
更新終了した過去の記事たち
CONTACT
Nuxt.js制作のご依頼は下記メールアドレスまでお送りください。