Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
【コネヒトマルシェオンライン】Vue3触ってみた
Search
yamashooooo
October 20, 2020
0
310
【コネヒトマルシェオンライン】Vue3触ってみた
yamashooooo
October 20, 2020
Tweet
Share
More Decks by yamashooooo
See All by yamashooooo
【PIXIV MEETUP 2023】ピクシブ決済基盤のフロントエンドを改善していく話
yamam00s
0
1k
【mediba #developers_community】フロントエンドの フレームワーク事情2022
yamam00s
0
110
【BIT VALLEY -INSIDE- Vol.17】自作キーボード入門した話
yamam00s
0
1.2k
【Roppongi.vue #3】ユーザー数1500万人のサービスにNuxtを導入して嬉しかったこと
yamam00s
1
860
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
BBQ
matthewcrist
89
9.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
How to train your dragon (web standard)
notwaldorf
96
6.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
The Cult of Friendly URLs
andyhume
79
6.6k
Automating Front-end Workflow
addyosmani
1370
200k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Music & Morning Musume
bryan
46
6.8k
Building Adaptive Systems
keathley
43
2.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Transcript
Vue3৮ͬͯΈͨ ʲmedibaࣾ߹ಉษڧձʳ ίωώτϚϧγΣΦϯϥΠϯ
ࣗݾհ • Name: Shota Yamamoto • Twitter: @yamam00s • Company:
גࣜձࣾmedibaʢ2019/10 ೖࣾʣ • Team: ςΫϊϩδʔηϯλʔ Eng1G
auεϚʔτύεͷϑϩϯτࣄ • Nuxt.js • TypeScript • Vuex • Jest •
Storybook • etc…
ࠓճ৮ΕΔػೳ • CompositionAPI • Fragment • Suspense • v-model •
Teleport
Composition API
2.x·ͰͷOptions API
3.xͷ͔ΒͷComposition API
ϏδωεϩδοΫΛ ·ͱΊ͘͢ͳͬͨɻ Γग़͠Մೳɻ
None
MixinͰͰ͖ͨͷͰ🤔
Composition API vs Mixin Mixinͷා͍෦ • ໊લͷڝ߹࣌ͷڍಈ • ҉తͳґଘؔ •
ઇ่ࣜͳංେԽ
Mixin
Composition APIͰͷuseXXX
Fragment
2.x vs 3.x
ΧελϜίϯϙʔωϯτͷ ଐੑͷܧঝͲ͏ͳΔ͔
2.x vs 3.x
Suspense
ඇಉظͳίϯϙʔωϯτΛ TemplateͰ੍ޚͰ͖Δ
None
৽͍͠v-model
ΧελϜίϯϙʔωϯτͷ v-model͕ΑΓ͍͘͢ɺ ෳఆٛՄೳʹ
None
Teleport
ରͷηϨΫλʹૠೖ
·ͱΊ
ҰॹʹΩϟονΞοϓ ͍͖ͯ͠·͠ΐ͏ʂ
࠷ޙʹ medibaͰڞʹಇ͘ΤϯδχΞΛ ืू͍ͯ͠·͢ ͓͓ͪͯ͠Γ·͢ʂʂʂʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ 🙇