【コネヒトマルシェオンライン】Vue3触ってみた

Transcript

1. Vue3৮ͬͯΈͨ ʲmedibaࣾ߹ಉษڧձʳ ίωώτϚϧγΣΦϯϥΠϯ
2. ࣗݾ঺հ • Name: Shota Yamamoto • Twitter: @yamam00s • Company: גࣜձࣾmedibaʢ2019/10 ೖࣾʣ • Team: ςΫϊϩδʔηϯλʔ Eng1G
3. auεϚʔτύεͷϑϩϯτࣄ৘ • Nuxt.js • TypeScript • Vuex • Jest • Storybook • etc…
4. ࠓճ৮ΕΔػೳ • CompositionAPI • Fragment • Suspense • v-model • Teleport
5. Composition API
6. 2.x·ͰͷOptions API
7. 3.xͷ͔ΒͷComposition API
8. ϏδωεϩδοΫΛ ·ͱΊ΍͘͢ͳͬͨɻ ੾Γग़͠΋Մೳɻ
10. MixinͰ΋Ͱ͖ͨͷͰ͸🤔
11. Composition API vs Mixin Mixinͷා͍෦෼ • ໊લͷڝ߹࣌ͷڍಈ • ҉໧తͳґଘؔ܎ • ઇ่ࣜͳංେԽ
12. Mixin
13. Composition APIͰͷuseXXX
14. Fragment
15. 2.x vs 3.x
16. ΧελϜίϯϙʔωϯτ΁ͷ ଐੑͷܧঝ͸Ͳ͏ͳΔ͔
17. 2.x vs 3.x
18. Suspense
19. ඇಉظͳίϯϙʔωϯτΛ TemplateͰ੍ޚͰ͖Δ
21. ৽͍͠v-model
22. ΧελϜίϯϙʔωϯτ΁ͷ v-model͕ΑΓ࢖͍΍͘͢ɺ ෳ਺ఆٛ΋Մೳʹ
24. Teleport
25. ର৅ͷηϨΫλʹૠೖ
26. ·ͱΊ
27. ҰॹʹΩϟονΞοϓ ͍͖ͯ͠·͠ΐ͏ʂ
28. ࠷ޙʹ medibaͰ͸ڞʹಇ͘ΤϯδχΞΛ 
 ืू͍ͯ͠·͢ ͓଴͓ͪͯ͠Γ·͢ʂʂʂʂ
29. ͋Γ͕ͱ͏͍͟͝·ͨ͠ 🙇