Skip to content
On this page

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 を作成してください。

ライセンス

MIT