Vue 3.0は、より高速でより多くのTypeScriptをもたらします

WebUIを構築するためのJavaScriptフレームワークへの計画されたアップグレードであるVue3.0は、一般リリースに向かって進んでいます。7月17日にリリース候補の段階に達し、春先にベータリリースが行われました。Vue 3.0リリースでは、パフォーマンスが大幅に向上することが約束されています。

リリース候補の段階で、APIとVue3コアの実装の両方が安定しました。RCはNPM経由でダウンロードできます。Vue 3.0の生産リリースは現在、8月に予定されており、以前の出荷目標である6月が過ぎています。

Vue 3.0リリースのハイライト: 

  • パフォーマンスを向上させるために、Vue 3.0は、書き直された仮想DOMとコンパイラー情報による高速パスを備えています。
  • サーバー側のレンダリングは、一般的なシナリオをシミュレートするベンチマークに基づいて、2〜3倍高速です。コンポーネントの初期化がより効率的になり、更新のパフォーマンスも向上します。
  • 出力ファイルサイズを削減し、全体的なパフォーマンスを向上させるツリーシェイクも強調表示され、双方向データバインディングを作成するためのv-modelディレクティブなど、ほとんどのオプションのVue機能がツリーシェイク可能になりました。
  • オプションAPIと一緒に使用できるVue3.0で機能するCompositionAPIは、コンポーネントロジックの柔軟な構成と再利用を可能にする一連の加法的関数ベースのAPIを提供します。 
  • Vue.js 3.0コードベースは、自動生成された型定義とTypeScriptとJavaScriptの両方で同じAPIを使用してTypeScriptで記述されています。クラスコンポーネントは引き続きサポートされます。
  • SFC(単一ファイルコンポーネント)での探索的型チェック。
  • NativeScriptフレームワークと統合するように設定されたカスタムレンダラーAPI。
  • 複数のルートコンポーネントが許可されていない問題を解決するために設計されたフラグメント機能。NativeScriptのメーカーであるProgressTelerikは、セマンティクスに影響を与えることなくプレゼンテーションを構造化するために使用されるテンプレートラッパータグとしてフラグメントを説明しています。

オープンソースの「プログレッシブ」Vue.jsフレームワークは、よりテスト可能で保守可能なWebユーザーインターフェイスの開発を可能にすることを目的としています。Webページは、再利用可能なコンポーネントに分割できます。Vue.jsはリアクティブです。データが変更されると、フレームワークはデータが使用されているWebページのすべての部分を更新します。Vue.jsのGitHubには168,000の星があります。