Vue.js 練習リンク

普段はここでjsやVue.jsメンターしてます
https://techplay.jp/academy/pgbc

Vue.jsを教えていて思う課題の1つが、
リファレンス読んでも、
実際手を動かさないと使えるようにならないということ。

と言っても
いきなり実践レベルなアプリに取り組んでも、
返り討ちにあう
リファレンスを読みながら取り掛かれるレベルの問題・タスクを用意しなきゃという思いから作成しました

これからも随時問題を追加していきます
間違いやアドバイスなどがあればぜひご指摘くださいまし

dataの練習
https://jsfiddle.net/waichan/v8wodjue/

メソッドの練習
https://jsfiddle.net/waichan/wrqy2oeL/

v-modelの練習
https://jsfiddle.net/waichan/ve17btoz/

computedの練習
https://jsfiddle.net/waichan/xy4fLm76/

componentの練習(表示)
https://jsfiddle.net/waichan/rz75sb42/

componentの練習(定義)
https://jsfiddle.net/waichan/nmd746k1/

ローカルcomponentの練習(表示)
https://jsfiddle.net/waichan/ax4bevd0/

styleバインドの練習
https://jsfiddle.net/waichan/thLjc6s8/

classバインドの練習(dataを使って)
https://jsfiddle.net/waichan/82zqho41/

classバインドの練習(computedを使って)
https://jsfiddle.net/waichan/ky5gfj47/

propsの練習
https://jsfiddle.net/waichan/0gfaz5pq/

v-forの練習
https://jsfiddle.net/waichan/Ltpzu2sd/

filterの練習
https://jsfiddle.net/waichan/gc1ab4hj/

参考書籍
https://amzn.to/2yvXObH
https://amzn.to/2OKKIl6

(気に入っていただけたらサポートいただけるとうれしいです。)