Vue.js 初心者向け Hands-on Lab

Visual Studio Code, TypeScript, Element 編

ハンズオンのゴール

このハンズオンを実施すると以下のことを体験することができます。

• Visual Studio Code と TypeScript を使った Vue.js の基本的なプログラミング
• Vue CLI を使って Vue.js の基本的なプロジェクトの作成
• Vue Router を使ったページの追加と画面遷移
• Element を使った簡単な管理画面の作成

ハンズオン手順書

• Lab 0 - 開発環境の準備
• Lab 1 - プロジェクトの作成
• Lab 2 - 基本的なレンダリング
• Lab 3 - テーブルの作成
• Lab 4 - フォームの作成
• Option 1 - API の接続
• Option 2 - さまざまなレンダリング