Vue.js チュートリアル

Angular

Vue.js(発音 /vjuː/、view に似ています)はユーザーインターフェースを構築するためのプログレッシブフレームワークです。

Vue はビュー層のみに焦点を当て、ボトムアップの段階的開発設計を採用しています。

Vue の目標は、可能な限りシンプルな API を通じて、リアクティブなデータバインディングと組み合わせたビューコンポーネントを実現することです。

Vue は非常に簡単に学べます。本チュートリアルは Vue 2.1.8 バージョンに基づいてテストされています。Vue3 についてはVue3 チュートリアル。

Vue 2.0 は 2023 年 12 月 31 日に更新を終了しました。


このチュートリアルを読む前に必要な知識:

  • HTML
  • CSS
  • JavaScript

本チュートリアルは主に Vue2.x バージョンの使い方を紹介しています。


最初のインスタンス

Vue 2.0 Hello World

<div id="app"> <p>{{ message }}</p> </div>

試してみる »

「試してみる」ボタンをクリックしてオンラインインスタンスを表示


参考資料:

Vue 入門チュートリアル:https://vuejs.org/guide/introduction.html

公式ドキュメント:http://vuejs.org/v2/guide/syntax.html

中国語ドキュメント:https://v2.cn.vuejs.org/v2/guide/

その他の拡張