Vue.js

Vue.js
原作者エヴァン・ユー
開発者エヴァン・ユーとコアチーム[ 1 ]
初回リリース2014年2月[ 2 ] (2014年2月
安定版リリース
3.5.25 [ 3 ] ウィキデータで編集する / 2025年11月24日 (2025年11月24日
書かれたタイプスクリプト
プラットフォームウェブプラットフォーム
含まれるものララベル
サイズ33.9 KB+ gzip [ 4 ]
タイプJavaScriptライブラリ
ライセンスMITライセンス[ 5 ]
Webサイトvuejs.org ウィキデータで編集する

Vue.js (一般的にはVueと呼ばれ、「ビュー」と発音されます[ 6 ])は、オープンソースのモデル-ビュー-ビューモデルフロントエンドJavaScriptフレームワークで、ユーザーインターフェイスシングルページアプリケーションを構築します。[ 12 ] Evan Youによって作成され、彼と他のアクティブなコアチームメンバーによってメンテナンスされています。[ 13 ]

概要

Vue.jsは、宣言的なレンダリングとコンポーネント構成に重点を置いた、段階的に適応可能なアーキテクチャを備えています。コアライブラリはビュー層のみに特化しています。[ 6 ]ルーティング状態管理ビルドツールなど、複雑なアプリケーションに必要な高度な機能は、公式にメンテナンスされたサポートライブラリとパッケージを通じて提供されます。[ 14 ]

Vue.jsでは、ディレクティブと呼ばれるHTML属性を使用してHTMLを拡張することができます。[ 15 ]ディレクティブはHTMLアプリケーションに機能を提供するもので、組み込みまたはユーザー定義のディレクティブとして提供されます。

歴史

Vueは、 GoogleでAngularJSを複数のプロジェクトで使用した後、Evan Youによって開発されました。彼は後に自身の思考プロセスをこう要約しています。「Angularの本当に気に入っている部分だけを抽出して、本当に軽量なものを作れないかと考えました。」[ 16 ]プロジェクトの最初のソースコードは2013年7月にコミットされ、当時は「Seed」という名前でした。[ 17 ] Vueが初めて一般公開されたのは、翌年の2014年2月でした。[ 18 ] [ 19 ]

バージョン名はマンガアニメシリーズから派生したものが多く、最初の文字がアルファベット順に並んでいます。

バージョン

バージョン発売日タイトルLTSの終了寿命の終わり
3.5 2024年9月1日天元突破グレンラガン[ 20 ]
3.4 2023年12月28日スラムダンク[ 21 ]
3.32023年5月11日るろうに剣心[ 22 ]
3.22021年8月5日五等分の花嫁[ 23 ]
3.12021年6月7日冥王星[ 24 ]
3.02020年9月18日ワンピース[ 25 ]
2.72022年7月1日ナルト[ 26 ]2023年12月31日2023年12月31日
2.62019年2月4日マクロス[ 27 ]2022年3月18日2023年9月18日
2.52017年10月13日レベルE [ 28 ]
2.42017年7月13日キルラキル[ 29 ]
2.32017年4月27日ジョジョの奇妙な冒険[ 30 ]
2.22017年2月26日頭文字D [ 31 ]
2.12016年11月22日ハンター×ハンター[ 32 ]
2.02016年9月30日攻殻機動隊[ 33 ]
1.02015年10月27日エヴァンゲリオン[ 34 ]
0.122015年6月12日ドラゴンボール[ 35 ]
0.112014年11月7日カウボーイビバップ[ 36 ]
0.102014年3月23日ブレードランナー[ 37 ]
0.92014年2月25日アニマトリックス[ 38 ]
0.82014年1月27日該当なし[ 39 ]最初のバージョンが公表された[ 18 ] [ 19 ]
0.72013年12月24日該当なし[ 40 ]
0.62013年12月8日VueJS [ 41 ]

新しいメジャーバージョン(v3.yz)がリリースされると、最後のマイナーバージョン(2.xy)は18ヶ月間LTSリリース(バグ修正とセキュリティパッチ)となり、その後18ヶ月間はメンテナンスモード(セキュリティパッチのみ)となります。[ 42 ]

Vue 3は2020年9月に正式リリースされました。State of Vue.js Report 2025によると、調査対象となった開発者の96%がVue 3.xを使用したことがあると回答しています。しかし、35%は過去1年間にVue 2.7.xを使用したことも示しており、サポート終了にもかかわらずVue 2への依存が続いていることを示しています。[ 43 ]また、このレポートでは、回答者の4分の1以上がVue 2からVue 3への移行時に課題に遭遇したことも指摘されています。[ 44 ]

状態管理の進化

  • 2015年- Vuexが公式の状態管理ソリューションとして導入
  • 2021年- Vuex 5実験としてPiniaの開発が開始
  • 2022年- ピニアが新規プロジェクトに正式に推奨される
  • 2023年- VueチームがVuexメンテナンスモードの移行を発表

Vue.jsの現状レポート2025によると、Vueのコアチームの推奨事項は開発者の採用に反映されており、調査対象の開発者の80%以上がPiniaを使用していると報告している一方で、Vuexの使用率は依然として38.4%であり、古いライブラリへの依存が続いていることを示しています。[ 45 ]

特徴

コンポーネント

Vueコンポーネントは、基本的なHTML要素を拡張して再利用可能なコードをカプセル化します。高レベルでは、コンポーネントはVueのコンパイラが動作をアタッチするカスタム要素です。Vueでは、コンポーネントは基本的に、事前定義されたオプションを持つVueインスタンスです。[ 46 ] 以下のコードスニペットは、Vueコンポーネントの例を示しています。このコンポーネントはボタンを表示し、ボタンがクリックされた回数を出力します。

<!doctype html> < html > < head > < script src = "https://unpkg.com/vue@3/dist/vue.global.js" ></ script > </ head >< body > < div id = "app" > < button-clicked : initial-count = " 0 " /> </ div ><スクリプト> const { defineComponent ref computed watch watchEffect onMounted createApp } = Vueconst ButtonClicked = defineComponent ({ name : 'ButtonClicked' , props : { initialCount : { type : Number , required : true } }, setup ( props ) { const count = ref ( 0 )const doubleCount = computed (() => count . value * 2 )const handleClick = () => { count . value += 1 }watch ( count , ( newValue , oldValue ) => { console . log ( `count の値が${ oldValue }から${ newValue }に変更されます。` ) })watchEffect (() => console . log ( `countの値を2倍すると${ doubleCount . value } ` ))onMounted (() => { count . value = props . initialCount })return { count , doubleCount , handleClick } }, template : `  <button @click="handleClick">Clicked <nowiki>{{ count }></nowiki> times</button>  ` })const app = createApp ({})app.component ( ' ButtonClicked ' , ButtonClicked )app.mount ( ' # app ' ) </script> </body> </html>

テンプレート

VueはHTMLベースのテンプレート構文を使用し、レンダリングされたDOMを基盤となるVueインスタンスのデータにバインドできます。すべてのVueテンプレートは、仕様に準拠したブラウザとHTMLパーサーで解析できる有効なHTMLです。Vueはテンプレートを仮想DOMレンダリング関数にコンパイルします。仮想ドキュメントオブジェクトモデル(DOM)により、Vueはブラウザを更新する前にメモリ内でコンポーネントをレンダリングできます。リアクティブシステムと組み合わせることで、Vueは再レンダリングするコンポーネントの最小数を計算し、アプリの状態が変化したときに最小限のDOM操作を適用できます。 [ 47 ] Vueユーザーはテンプレート構文を使用することも、関数呼び出しまたはJSXを 介してハイパースクリプトを使用してレンダリング関数を直接記述することもできます。[ 48 ]レンダリング関数を使用すると、ソフトウェアコンポーネントからアプリケーションを構築できます。[ 49 ]

反応性

Vueは、プレーンなJavaScriptオブジェクトと最適化された再レンダリングを使用するリアクティブシステムを備えています。各コンポーネントはレンダリング中にリアクティブ依存関係を追跡するため、システムはいつ再レンダリングするか、どのコンポーネントを再レンダリングするかを正確に把握します。[ 50 ]

トランジション

Vue は、 DOMにアイテムが挿入、更新、または削除されたときにトランジション効果を適用するさまざまな方法を提供します。これには、次のようなツールが含まれます。

  • CSSトランジションとアニメーションのクラスを自動的に適用する
  • Animate.cssなどのサードパーティのCSSアニメーションライブラリを統合する
  • 遷移フック中にJavaScriptを使用してDOMを直接操作する
  • Velocity.jsなどのサードパーティのJavaScriptアニメーションライブラリを統合する

トランジション コンポーネントでラップされた要素が挿入または削除されると、次のことが起こります。

  1. Vue は、対象要素に CSS トランジションやアニメーションが適用されているかどうかを自動的に判断します。適用されている場合は、適切なタイミングで CSS トランジションクラスが追加または削除されます。
  2. 遷移コンポーネントが JavaScript フックを提供している場合、これらのフックは適切なタイミングで呼び出されます。
  3. CSSトランジション/アニメーションが検出されず、JavaScriptフックも提供されていない場合、挿入および/または削除のDOM操作は次のフレームで直ちに実行されます。[ 51 ] [ 52 ]

ルーティング

シングルページアプリケーション(SPA)の従来の欠点は、特定のウェブページ内の特定の「サブ」ページへのリンクを共有できないことです。SPAはサーバーからユーザーに単一のURLベースのレスポンス(通常はindex.htmlまたはindex.vue)のみを提供するため、特定の画面をブックマークしたり、特定のセクションへのリンクを共有したりすることは、通常は困難、あるいは不可能です。この問題を解決するために、多くのクライアント側ルーターは動的URLを「ハッシュバン」(#!)で区切ります(例:page.com/ #!/ )。しかし、HTML5では、ほとんどの最新ブラウザがハッシュバンなしのルーティングをサポートしています。

Vueは、現在のURLパスに基づいてページに表示される内容を変更するインターフェースを提供します。URLパスの変更方法(メール送信リンク、更新、ページ内リンクなど)は問いません。さらに、フロントエンドルーターを使用することで、ボタンやリンクで特定のブラウザイベント(クリックなど)が発生した際に、ブラウザパスを意図的に遷移させることができます。Vue自体にはフロントエンドハッシュルーティングは付属していません。しかし、オープンソースの「vue-router」パッケージは、アプリケーションのURLを更新するためのAPIを提供し、戻るボタン(履歴のナビゲーション)、メールによるパスワードリセットや認証URLパラメータ付きのメール検証リンクをサポートしています。ネストされたルートをネストされたコンポーネントにマッピングし、きめ細かな遷移制御を提供します。Vueを使用することで、開発者は既に小さなビルディングブロックで大きなコンポーネントを構築することでアプリケーションを構築しています。vue-routerを追加することで、コンポーネントは所属するルートにマッピングするだけでよく、親/ルートルートは子コンポーネントがレンダリングされる場所を示すだけで済みます。[ 53 ]

< div id = "app" > <ルータービュー></ルータービュー> </ div > ... <スクリプト> ... const User = {テンプレート: '<div>User {{ $route.params.id }}}' };const router = new VueRouter ({ routes : [ { path : '/user/:id' , component : User } ] }); ... </ script >

上記のコード:

  1. フロントエンドルートを に設定しますwebsitename.com/user/<id>
  2. これは、(const User...) で定義された User コンポーネントでレンダリングされます。
  3. User コンポーネントが、$route オブジェクトの params キーを使用して URL に入力されたユーザーの特定の ID を渡すことを許可します$route.params.id
  4. このテンプレート (ルーターに渡されるパラメータによって変化) は、<router-view></router-view>DOM の div#app 内にレンダリングされます。
  5. 次のように入力した場合、最終的に生成される HTML はwebsitename.com/user/1次のようになります。
< div id = "app" > < div > < div >ユーザー 1 </ div > </ div > </ div >

[ 54 ]

エコシステム

コア ライブラリには、コア チームと貢献者によって開発されたツールとライブラリが付属しています。

公式ツール

  • Devtools – Vue.js アプリケーションをデバッグするためのブラウザ Devtools 拡張機能
  • Vite – 迅速なVue.js開発のための標準ツール
  • Vue Loader – シングルファイルコンポーネント (SFC) と呼ばれる形式で Vue コンポーネントを記述できる Webpack ローダー
  • Vue.jsプラグインコレクション- 様々なカテゴリにわたる約100個のプラグインとエコシステムライブラリのコレクション。[ 55 ]

公式図書館

  • Vue Router – SPAの構築に適した公式ルーター[ 17 ]
  • Pinia – 公式の状態管理ソリューション

ビデオコース

  • Vue School – Vue.jsとそのエコシステムに関する専門家主導のコース。[ 56 ]

状態管理ライブラリ

  • Pinia – モジュールアーキテクチャを備えた公式の状態管理ソリューション
  • Vuex – レガシー状態管理ライブラリ、現在メンテナンスモード
  • VueUse – 状態管理ヘルパーを含む200以上の構成ユーティリティのコレクション

コミュニティとコアチームのリソース

  • Vue.jsの現状レポート- VueとNuxtの公式パートナーであるMonterailが2017年から作成している、Vue.jsに関する包括的な出版物です。各版には、開発者調査、主要なエコシステムのトレンド、ケーススタディなどから得られた独自のデータが含まれています。2025年3月にリリースされた最新の第5版は、Evan YouとVue&Nuxtコアチームとの共同作業です。[ 57 ]

Vue.jsエコシステムは概して非常によく発達していますが、開発者はエコシステムにおけるいくつかのギャップを、最も欠けているものの1つとして指摘しています(2025年3月の開発者調査「 State of Vue.js Report 2025 」より)。[ 58 ]回答者の22%は、MUIやRadixのような堅牢な公式コンポーネントライブラリの不足と、より優れたテストユーティリティの必要性を挙げています。また、ダッシュボード、eコマース、Framer Motionのようなアニメーションライブラリなど、よりモジュール化されたエンタープライズ対応のソリューションへの需要もありました。[ 59 ]

他のフレームワークとの比較

VueなどのJavaScriptベースのウェブアプリケーションフレームワークは、豊富な機能を提供しますが、それに伴うトレードオフも伴います。これらのフレームワークは、ルーティング、コンポーネントベースの開発、状態管理など、ネイティブウェブ技術で利用可能な機能を拡張または強化することがよくあります。Webコンポーネント、FetchやESモジュールなどの最新のJavaScript API、Shadow DOMなどのブラウザ機能を含むネイティブウェブ標準は大きく進歩していますが、フレームワークは開発者の生産性向上、大規模アプリケーション向けの構造化パターンの提供、エッジケースの処理の簡素化、パフォーマンス最適化ツールの提供といった機能から、依然として広く利用されています。[ 60 ] [ 61 ] [ 62 ]

フレームワークは抽象化レイヤーを導入することがありますが、これはパフォーマンスのオーバーヘッド、バンドルサイズの増大、複雑さの増大につながる可能性があります。Vue 3などの最新のフレームワークは、並行レンダリング、ツリーシェイキング、選択的ハイドレーションなどの機能でこれらの課題に対処しています。これらの進歩はレンダリング効率とリソース管理を向上させますが、そのメリットは特定のアプリケーションと実装のコンテキストによって異なります。SvelteやPreactなどの軽量フレームワークは、異なるアーキテクチャアプローチを採用しています。Svelteは仮想DOMを完全に排除し、コンポーネントを効率的なJavaScriptコードにコンパイルするのに対し、PreactはReactと互換性のある最小限の代替手段を提供します。フレームワークの選択は、チームの専門知識、パフォーマンス目標、開発の優先順位など、アプリケーションの要件によって異なります。[ 60 ] [ 61 ] [ 62 ]

ウェブフレームワークの新しいカテゴリには、enhance.dev、Astro、Fresh などがあり、ネイティブウェブ標準を活用しながら、抽象化と開発ツールを最小限に抑えています。[ 63 ] [ 64 ] [ 65 ]これらのソリューションは、プログレッシブエンハンスメントサーバーサイドレンダリング、パフォーマンスの最適化を重視しています。 Astro は、インタラクティブな部分のみをハイドレーションしながら、デフォルトで静的 HTML をレンダリングします。 Fresh は、実行時のオーバーヘッドをゼロにしながら、サーバーサイドレンダリングに重点を置いています。 Enhance.dev は、ウェブコンポーネントを使用して、プログレッシブエンハンスメントパターンを優先しています。 これらのツールは、ロジックをビルド時またはサーバー側実行に移行することで、クライアント側 JavaScript への依存を減らしますが、インタラクティブ性に必要な場合は JavaScript を使用します。 このアプローチにより、パフォーマンスが重要でコンテンツ重視のアプリケーションに特に適しています。[ 60 ] [ 61 ] [ 62 ]

参照

出典

この記事にはフリーコンテンツ作品 からのテキストが含まれています。MITライセンスライセンスステートメント/許可)に基づきライセンスされています。テキストはVue.jsガイド、Vue.js から引用されています。

参考文献

  1. ^ "Vue.js" . vuejs.org .
  2. ^ 「Vue.js リリース後1週間」 Evan You . 2019年2月5日時点のオリジナルよりアーカイブ。 2017年3月11日閲覧
  3. ^ 「リリース 3.5.25」 . 2025年11月24日. 2025年11月24日閲覧
  4. ^ “@vue/runtime-dom v3.2.45” . Bundlephobia . 2023年1月29日時点のオリジナルよりアーカイブ2023年1月29日閲覧。
  5. ^ "vue/LICENSE" . Vue.js. 2017年4月17日閲覧– GitHub経由。
  6. ^ a b c “Introduction” . Vuejs.org . 2022年2月10日時点のオリジナルよりアーカイブ。 2020年1月3日閲覧
  7. ^ Macrae, Callum (2018). Vue.js: Up and Running: アクセシブルでパフォーマンスの高いWebアプリの構築. O'Reilly Media . ISBN 978-1-4919-9721-5. 2024年5月30日時点のオリジナルよりアーカイブ。2019年8月9日閲覧。
  8. ^ネルソン、ブレット (2018). 『Vue.js を知る:ゼロからVueでシングルページアプリケーションを構築する方法を学ぶApress . ISBN 978-1-4842-3781-6. 2024年5月30日時点のオリジナルよりアーカイブ。2019年8月9日閲覧。
  9. ^ Yerburgh, Edd (2019). Vue.jsアプリケーションのテスト. Manning Publications . ISBN 978-1-61729-524-9. 2024年5月30日時点のオリジナルよりアーカイブ。2019年8月9日閲覧。
  10. ^フリーマン、アダム (2018). Pro Vue.js 2を押しますISBN 978-1-4842-3805-9. 2024年5月30日時点のオリジナルよりアーカイブ。2019年8月9日閲覧。
  11. ^ Franklin, Jack; Wanyoike, Michael; Bouchefra, Ahmed; Silas, Kingsley; Campbell, Chad A.; Jacques, Nilson; Omole, Olayinka; Mulders, Michiel (2019). Vue.js の使い方. SitePoint . ISBN 978-1-4920-7144-0
  12. ^ [ 7 ] [ 8 ] [ 9 ] [ 10 ] [ 11 ] [ 6 ]
  13. ^ “Meet the Team” . Vuejs.org . 2022年2月7日時点のオリジナルよりアーカイブ2019年9月23日閲覧。
  14. ^ 「Evan is creating Vue.js」 . Patreon . 2019年3月3日時点のオリジナルよりアーカイブ2017年3月11日閲覧。
  15. ^ “What is Vue.js” . W3Schools . 2020年1月22日時点のオリジナルよりアーカイブ2020年1月21日閲覧。
  16. ^ 「Evan You」 . Between the Wires . 2016年11月3日. 2017年6月3日時点のオリジナルよりアーカイブ。 2017年8月26日閲覧
  17. ^ a b贾、志杰; 史、广。 赵、东 (2023).剑指大前端全栈工程师[意欲的なフロントエンド: フルスタック エンジニア] (中国語 (中国))。 清华大学出版社。ISBN 9787302617594
  18. ^ a b「Vue.js: JavaScript MVVM をシンプルに」 Hacker News、2014年2月3日。2023年1月29日時点のオリジナルよりアーカイブ2023年1月29日閲覧。
  19. ^ a b「Vue.js リリース1週目」 Evan You . 2014年2月11日. 2017年4月12日時点のオリジナルよりアーカイブ2023年1月29日閲覧。
  20. ^ “Announcement Vue 3.5” . Vue.js. 2024年9月1日. 2024年9月3日時点のオリジナルよりアーカイブ。 2024年10月25日閲覧
  21. ^ “Announcement Vue 3.4” . Vue.js. 2023年12月28日. 2024年3月24日時点のオリジナルよりアーカイブ。 2024年3月29日閲覧
  22. ^ “v3.3.0 るろうに剣心” . Vue.js。 2023年5月11日。 2023年12月13日のオリジナルからアーカイブ2023 年5 月 12 日に取得– GitHub 経由。
  23. ^ “v3.2.0 Quintessential Quintuplets” . Vue.js. 2021年8月5日.オリジナルより2021年8月10日時点のアーカイブ2021年8月10日閲覧– GitHub経由。
  24. ^ “v3.1.0 Pluto” . Vue.js. 2021年6月7日.オリジナルより2021年7月18日時点のアーカイブ2021年7月18日閲覧– GitHub経由。
  25. ^ “v3.0.0 One Piece” . Vue.js. 2020年9月18日. 2020年9月19日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  26. ^ “v2.7.0 Naruto” . Vue.js. 2022年7月1日.オリジナルより2022年7月1日時点のアーカイブ2022年7月1日閲覧– GitHub経由。
  27. ^ “v2.6.0 Macross” . Vue.js. 2019年2月4日. 2020年11月11日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  28. ^ “v2.5.0 Level E” . Vue.js. 2017年10月13日. 2020年9月18日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  29. ^ “v2.4.0 Kill la Kill” . Vue.js. 2017年7月13日. 2020年11月9日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  30. ^ “v2.3.0 ジョジョの奇妙な冒険” . Vue.js. 2017年4月27日. 2020年11月11日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  31. ^ “v2.2.0 Initial D” . Vue.js. 2017年2月26日. 2021年4月13日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  32. ^ “v2.1.0 Hunter X Hunter” . Vue.js. 2016年11月22日. 2020年11月8日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  33. ^ 「v2.0.0 Ghost in the Shell」 . Vue.js. 2016年9月30日. 2020年10月27日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  34. ^ “1.0.0 エヴァンゲリオン” . Vue.js. 2015年10月27日. 2021年4月13日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  35. ^ “0.12.0: Dragon Ball” . Vue.js. 2015年6月12日. 2021年4月13日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  36. ^ “v0.11.0: Cowboy Bebop” . Vue.js. 2014年11月7日. 2021年4月13日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  37. ^ “v0.10.0: Blade Runner” . Vue.js. 2014年3月23日. 2021年4月13日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  38. ^ “v0.9.0: Animatrix” . Vue.js. 2014年2月25日. 2021年4月13日時点のオリジナルよりアーカイブ。 2020年9月23日閲覧– GitHub経由。
  39. ^ “v0.8.0” . Vue.js. 2014年1月27日. 2021年4月13日時点のオリジナルよりアーカイブ。 2020年9月23日閲覧– GitHub経由。
  40. ^ “v0.7.0” . Vue.js. 2013年12月24日. 2021年4月13日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  41. ^ “0.6.0: VueJS” . Vue.js. 2013年12月8日. 2021年4月13日時点のオリジナルよりアーカイブ2020年9月23日閲覧– GitHub経由。
  42. ^ 「Vue Roadmap」 . Vue.js. 2022年11月6日. 2021年12月10日時点のオリジナルよりアーカイブ2021年12月10日閲覧– GitHub経由。
  43. ^ 「State of Vue.js 2025 Report」 . Monterail . 2025年3月. 2025年9月9日閲覧
  44. ^ 「State of Vue.js 2025 Report」 . Monterail . 2025年3月. 2025年9月9日閲覧
  45. ^ 「State of Vue.js 2025 Report」 . Monterail . 2025年3月. 2025年9月9日閲覧
  46. ^ “コンポーネント” . Vuejs.org . 2022年2月10日時点のオリジナルよりアーカイブ2017年3月11日閲覧。
  47. ^ Jordan, John. 「Vue Admin Template」 . 2022年7月16日閲覧
  48. ^ “テンプレート構文” . Vuejs.org . 2022年2月10日時点のオリジナルよりアーカイブ2017年3月11日閲覧。
  49. ^ “Vue 2.0 is Here!” . The Vue Point . 2016年9月30日. 2017年3月12日時点のオリジナルよりアーカイブ2017年3月11日閲覧。
  50. ^ “Reactivity in Depth” . Vuejs.org . 2022年2月10日時点のオリジナルよりアーカイブ2017年3月11日閲覧。
  51. ^ 「トランジション効果」Vuejs.org . 2023年1213日時点のオリジナルよりアーカイブ2017年3月11日閲覧。
  52. ^ “Transitioning State” . Vuejs.org . 2022年2月10日時点のオリジナルよりアーカイブ2017年3月11日閲覧。
  53. ^ “ルーティング” . Vuejs.org . 2022年2月10日時点のオリジナルよりアーカイブ2017年3月11日閲覧。
  54. ^ You, Evan. 「Vue Nested Routing (2)」 . Vueホームページ(サブページ) . 2017年5月8日時点のオリジナルよりアーカイブ。 2017年5月10日閲覧
  55. ^ 「Vue.jsプラグインコレクション」vue-plugins.org . 2025年9月9日閲覧
  56. ^ 「Vue School | 専門家からVue.jsを学ぶためのナンバーワンの情報源」 Vue School . 2024年12月24日閲覧
  57. ^ 「State of Vue.js Report | Vue出版物の第5版はVueとNuxtコアチームが共同で作成しました」。Monterail 2025年9月10日閲覧
  58. ^ 「State of Vue.js Report | Vue出版物の第5版はVueとNuxtコアチームが共同で作成しました」。Monterail 2025年9月10日閲覧
  59. ^ 「State of Vue.js Report 2025 | Vue出版物の第5版はVueとNuxtコアチームが共同で作成した」 Monterail 2025年9月10日閲覧
  60. ^ a b c Uzayr, Sufyan bin; Cloud, Nicholas; Ambler, Tim (2019年11月). 『JavaScript Frameworks for Modern Web Development: The Essential Frameworks, Libraries, and Tools to Learn Right Now』 Apress. ISBN 978-1484249949
  61. ^ a b cロハス、カルロス( 2020年11月13日)。ネイティブWebコンポーネントの構築:PolymerとVue.jsによるフロントエンド開発。Apress。ISBN 978-1484259047
  62. ^ a b c実践JavaScriptハイパフォーマンス:Node.js、Svelte.js、WebAssemblyを使用してより高速なWebアプリを構築する。ISBN 978-1838821098
  63. ^ 「Enhance」 . GitHub .
  64. ^ 「Astroフレームワーク。GitHub
  65. ^ 「Fresh」 . GitHub .