# Vue.js 3 ハンズオン
Vue.js 3 ハンズオンへようこそ😀 このハンズオンは、初めて Vue.js に触れる人がスムーズに学習できるように作られた学習用教材です。
# 利用方法
本ハンズオンの文章、ソースコードを含むあらゆる内容は、自由にご利用いただけます。個人の学習や、グループ・会社での勉強会、もくもく会、セミナーなど、あらゆる用途にご活用ください。
現在は、Vue.js のプロジェクト作成から基本的な実装方法を解説した「Vue.js をはじめよう!」を公開しています。その他のハンズオンは鋭意制作中です。
# Vue.js をはじめよう!
# 準備編
# 本編
- ハンズオンの概要
- data を定義し、商品をレンダリングする
- v-for で商品を複数表示する
- v-if で表示・非表示を切り替える
- methods で価格にカンマを入れる
- @click で商品を選択する
# コントリビューター
誤りやよりよい改善を見つけた方は、Issues (opens new window) または Pull requests (opens new window) を作成してください。
- MIYAKE Kazuyuki (opens new window)
- NAKATA Kazuhiro (opens new window)
- ISHIBASHI Yuuki (opens new window)
- happylifetaka (opens new window)
- OKI Yoshiya (opens new window)
- KAWAGUCHI Kazuya (opens new window)
- Photo by Tyler Nix, matthew reyes, Amy Flak, Elena Rabkina on Unsplash
# ライセンス
開発環境の構築 →