N A R Uのポエム置き場

タイトルの通りです。

Vue.jsとかVuetifyとかがマジで良く分からないのでメモするやつ(随時更新)

タイトルの通り、コードを書いてるとマジで何すればいいか分からないときが良くあるので、過去に見た記事とか勉強したこととか残しておいて後で見返す用のメモにします。ほぼ自分用なので気にしないで下さい。

気が向いたら書くので更新遅めかもしれない。

 

 

学習の流れ

この記事の流れを参考にしながらVueを学習していきました。

 

qiita.com

 

 

よく聞く仮想DOMって何?

そもそも「DOM」とはHTML要素を取得、変更、挿入、削除など、操作するためのインターフェイスである。(これはリアルDOMとも呼ばれる。)

「仮想DOM」は、ページの差分検出の比較に用いられる。ページ変更前とページ変更後での仮想DOMを比較し、その変更箇所を見つけ出し、その部分のリアルDOMのみ再構築する。こうすることによって、イチからDOM自体を再構築するよりも早くDOMを再構築できる。

 

この記事を参考にしました。

 

watablogtravel.com

 

computedとmethodsの違い

よく理解できなかったのでいろんなサイトを漁っていた中で出会ったのがこのサイトです。

 

dev83.com

 

ディレクティブ(v-)

この記事が個人的には分かりやすかったです。

イベント、分岐、ループは基本なので忘れないように。

 

www.i-ryo.com

 

ボタン

 

ボタンについてはここがいい感じにまとまっていた。

 

qiita.com

 

 パネル

 

qiita.com

 

 

表の扱い方

 

ソート機能の付いた見た目の良いテーブルが簡単に実装できます。

 

qiita.com

 

公式ドキュメントです。

色んな機能が追加できます。

 

vuetifyjs.com

 

GridSystemの理解

 

この記事は具体例が多く、理解しやすいです。

 

qiita.com

 

 

 

 

 

 

 

 

読んだ記事

 

dev83.com

 

reffect.co.jp