Vue3を始めてみる

今更感はある。
出来ればあまり手を加えず公式のやり方に寄せておきたい。
以下の内容はVue2をある程度使用していたことを想定している。

Vueでファイルのドラッグ＆ドロップ

https://trueman-developer.blogspot.com/2018/01/html-css-javascript.html をVue向けに。
TypeScriptと単一ファイルコンポーネントを使用しているので適宜読み替え。

Vue Elementで編集可能なテキストコンポーネントを作成する

一見普通のテキストだけどクリックするとテキストフィールドに切り替わるようなやつ

Vueで子から親へのコールバック形式による値受け渡し (TypeScript)

親子間の値の受け渡しはv-onで親のコールバック関数を子に私てemitで子から呼び出すようににすればいける。
仮に親画面をメイン画面、子画面を編集画面として子画面で編集した結果を親画面に返すような処理を例に説明する。

Vueで親から子へ値(変数)の受け渡し(TypeScript)

公式ドキュメントに書いてはあるんだけど微妙に分かりづらかった