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. 商品をコンポーネント化する
8. コンポーネントにスロットを使用する

コントリビューター ​

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

• MIYAKE Kazuyuki
• nalpan
• ISHIBASHI Yuuki
• happylifetaka
• OKI Yoshiya
• KAWAGUCHI Kazuya
• KAMENOUE Takao
• HIROTAKA Ishiwata
• shiyuu
• Photo by Tyler Nix, matthew reyes, Amy Flak, Elena Rabkina on Unsplash

ライセンス ​

MIT