Vue プロジェクトが Vue 2 と Vue 3 のどちらに基づいているかは、いくつかの明らかな特徴によって区別できます。一般的な方法をいくつか示します。
-
プロジェクトの依存関係を表示する: プロジェクト ファイルを開いてバージョン番号
package.jsonを表示します。vueバージョン番号が の場合
2.x.x、プロジェクトは Vue 2 に基づいています。例えば："vue": "2.6.14"バージョン番号が の場合
3.x.x、プロジェクトは Vue 3 に基づいています。例えば："vue": "3.0.11" -
構成 API の使用: Vue 3 では、論理的な編成と再利用のより柔軟な方法を提供する構成 API が導入されました。プロジェクトで複合 API (関数など) が使用されている場合
setup()、それは Vue 3 に基づいている可能性が高くなります。 -
テンプレート構文: Vue 2 はオプション API を使用し、値を補間するためにテンプレート構文で二重中括弧が一般的に使用されます
{ {}}。Vue 3 では、テンプレート構文にいくつかの変更が加えられ、新しいv-bind略語:やv-on省略形が導入されている@ほか、条件付きレンダリングやその他の機能が改善されています。 -
グローバル API の変更: Vue 3 では、いくつかのグローバル API が変更されました。たとえば、Vue 2 で使用されていたグローバル フィルターは Vue 3 ではサポートされなくなり、代わりにより強力な機能 API が使用されます。
-
Vue Router および Vuex バージョン: Vue 3 には、対応する Vue Router 4 および Vuex 4 バージョンも導入されています。プロジェクトで Vue Router 4 および Vuex 4 を使用している場合、それは Vue 3 に基づいている可能性が高くなります。
-
使用する UI フレームワークまたはライブラリ: 一部の UI フレームワークまたはライブラリも、Vue のバージョンに応じて異なるバージョンを提供します。たとえば、Element UI の Vue 2 バージョンと Vue 3 バージョンは異なります。
要約すると、プロジェクトの依存関係を調べ、Composition API が使用されているかどうかを判断し、テンプレート構文とグローバル API に変更があるかどうかを観察し、Vue Router のバージョンを確認することで、Vue プロジェクトが Vue プロジェクトであるかどうかを判断できます。およびプロジェクトで使用される Vuex。Vue 2 または Vue 3 バージョンに基づいています。