Vue3 Hands-on

# Vue.js 3 ハンズオン

Vue.js 3 ハンズオンへようこそ😀　このハンズオンは、初めて Vue.js に触れる人がスムーズに学習できるように作られた学習用教材です。

# 利用方法

本ハンズオンの文章、ソースコードを含むあらゆる内容は、自由にご利用いただけます。個人の学習や、グループ・会社での勉強会、もくもく会、セミナーなど、あらゆる用途にご活用ください。

現在は、Vue.js のプロジェクト作成から基本的な実装方法を解説した「Vue.js をはじめよう！」を公開しています。その他のハンズオンは鋭意制作中です。

# Vue.js をはじめよう！

# 準備編

# 本編

  1. ハンズオンの概要
  2. data を定義し、商品をレンダリングする
  3. v-for で商品を複数表示する
  4. v-if で表示・非表示を切り替える
  5. methods で価格にカンマを入れる
  6. @click で商品を選択する
  7. 商品をコンポーネント化する

# コントリビューター

誤りやよりよい改善を見つけた方は、Issues (opens new window) または Pull requests (opens new window) を作成してください。

# ライセンス

MIT (opens new window)

開発環境の構築 →