v-okinawa.pdf

Transcript

1. Vue.jsॳ৺ऀ͕ Vue.jsΛ࢖ͬͯΈͯ
2. ࣗݾ঺հ ͏ͪ· ͱ΋Α CODE BASE 7ظ(6݄ʙ8݄) ϓϩάϥϛϯάྺ ൒೥ ւ֎ཱྀߦ޷͖
3. Vue.jsษڧྺ
4. ೔
5. ॱ൪ܾΊΞϓϦΛ ࡞ͬͯΈ·ͨ͠ʂ
6. Why?
7. ॱ൪ܾΊΞϓϦ͓΋͠Ζ͍ʂ
8. YouTube
 → ͨʹ͙ͪ ·͜ͱ͞Μͷ Vue.jsೖ໳ શ8ճ Qiita
 → Vue.jsϛχϋϯζΦϯ(TODOϦετ࡞੒) ࡞੒ͷͨΊʹษڧͨ͠಺༰
10. ͪ͜Β
11. 1. ໊લΛೖྗͯ͠EnterΛԡ͢ 2. v-on:keyup.enterͰʮೖྗ͞Ε໊ͨલΛpush ϝιουͰ഑ྻitemsʹ௥Ճ͢ΔʯॲཧΛ͞ ͤΔ 3. v-forσΟϨΫςΟϒͰɺitems഑ྻͷ͢΂ͯ ͷ৘ใΛදࣔ(ೖྗͨ͠શͯͷ໊લΛදࣔ) 4. γϟοϑϧϘλϯΛΫϦοΫ 5. v-on:click Ͱγϟοϑϧͤ͞Δॲཧ͕ൃੜ
 (γϟοϑϧॲཧ͸loadash࢖༻) ॲཧͷྲྀΕ
12. ײ૝ v-model…