Font Awesome5のjavascript版だとマスク機能が使える。 2つのアイコンを重ねて切り抜ける。Font Awesomeはcss版とjs版があるけどjs版のほうが多機能だからとりあえずjs入れとけばおk

動的に変わる部分はdataを経由するクリックされたら画像が変わる →dataにsrc用のurlを用意特定の条件でclassを付け替える →dataにclass付け替え用のboolen値を用意data自体をいじり、v-bindや{{}}でdataを表示 target.srcとかclassList.removeとかは使うべき…

今気づいたバッドプラクティスについてまとめv-forで要素作って、クリックされた要素の画像を変えるってものを作ろうとしたとき $event.target.srcを変えてたんだけどこれはDOMにアクセスしてるから良くないんだろうね。 実際読みづらいし。srcに入れるよう…

javascriptでの配列宣言において、大きさと初期値を指定したい場合 let arr = Array(10).fill(false) これで長さ10,初期値falseの配列ができる