Vue.js の最初の手順

中級
開発者
学生
Azure Static Web Apps

Vue.js は、開発者が script タグを追加することで、すばやく立ち上げて実行できるようにするプログレッシブ Web フレームワークです。 ただし、Vue.js は開発者とともに成長することも可能で、大規模でスケーラブルなアプリケーションを作成するために使用できます。

このラーニング パスの内容は次のとおりです。

  • Vue.js の中心的概念について探索する。
  • リストと条件付きデータの表示を実際に行う。
  • フォームとイベントを操作する。
  • Vue CLI を使用してコンポーネントを作成する。

前提条件

HTML/CSS、Git、npm、および JavaScript

このラーニング パス内のモジュール

Vue.js は、開発者がスクリプト タグを追加するだけで、すばやく立ち上げて実行できるプログレッシブな Web フレームワークです。 ただし、Vue.js は、ユーザーによって機能を拡張させることもできます。 これを使用して、大規模でスケーラブルなアプリケーションを作成できます。 このモジュールでは、Vue.js の中核となる概念と使用を開始する方法について探求します。

Web フレームワークの目標の 1 つは、データ値に基づいて表示を更新することです。 このモジュールでは、これらの値に基づいてページを動的にする方法と、情報のリストを表示する方法について調べます。

一般的に、動的な Web アプリケーションを使用することにより、ユーザーはページやデータを操作できるようになります。 このモジュールでは、フォームを Vue.js ページに追加して、ユーザー イベントに応答する方法を確認します。 また、データの更新に基づいて計算できる計算値を追加する方法も確認します。

純粋に JavaScript だけを使用して Vue.js アプリケーションを作成することもできますが、ほとんどの開発者は、さらに強力で柔軟性があるものを必要とします。 Vue CLI と単一ファイル コンポーネントを使用することで、より堅牢なツールを使用して開発エクスペリエンスを向上させることができます。 Vue CLI を使用してアプリケーションをブートストラップする方法と、Vue で再利用可能なコンポーネントを作成する方法について確認します。