※この記事は2020年2月22日に試したものです。現在はVue3.0リリースされています。
Vue.js 3.0の主要な変更点
- Composition API
- 仮想DOMの書き換えパフォーマンスの向上
- TypeScriptサポートの改善
- 監視メカニズムの改善
- Time Slicingのサポート
- 静的ツリーの巻き上げ
- スロットの生成を最適化
など
Composition APIの目的
ロジックの再利用とコードの構成
- 機能ごとに分割できるので可読性があがる
- コンポーネント外でもロジックを抽出して再利用できる
- 再利用する際に任意の名前を付けることができるため、名前空間の衝突がない
型推論の改善
- 型推論が不完全であるデコレータを使用しないていい
実際に動かしてみたこと
- useCount()のstateからreactiveを外した場合の挙動確認
- 2.xでのthisへのアクセス方法確認
- const x: number = 20 など、当然のように分かる型を書くと怒られた