Appearance
Vue.js 3 ハンズオン
Vue.js 3 ハンズオンへようこそ😀 このハンズオンは、初めて Vue.js に触れる人がスムーズに学習できるように作られた学習用教材です。
利用方法
本ハンズオンの文章、ソースコードを含むあらゆる内容は、自由にご利用いただけます。個人の学習や、グループ・会社での勉強会、もくもく会、セミナーなど、あらゆる用途にご活用ください。
現在は、Vue.js のプロジェクト作成から基本的な実装方法を解説した「Vue.js をはじめよう!」を公開しています。その他のハンズオンは鋭意制作中です。
Vue.js をはじめよう!
準備編
本編
- ハンズオンの概要
- data を定義し、商品をレンダリングする
- v-for で商品を複数表示する
- v-if で表示・非表示を切り替える
- methods で価格にカンマを入れる
- @click で商品を選択する
- 商品をコンポーネント化する
- コンポーネントにスロットを使用する
コントリビューター
誤りやよりよい改善を見つけた方は、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