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
270
【コネヒトマルシェオンライン】Vue3触ってみた
yamashooooo
October 20, 2020
Tweet
Share
More Decks by yamashooooo
See All by yamashooooo
【PIXIV MEETUP 2023】ピクシブ決済基盤のフロントエンドを改善していく話
yamam00s
0
640
【mediba #developers_community】フロントエンドの フレームワーク事情2022
yamam00s
0
65
【BIT VALLEY -INSIDE- Vol.17】自作キーボード入門した話
yamam00s
0
1.1k
【Roppongi.vue #3】ユーザー数1500万人のサービスにNuxtを導入して嬉しかったこと
yamam00s
1
770
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Design by the Numbers
sachag
277
18k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
A better future with KSS
kneath
231
17k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Build your cross-platform service in a week with App Engine
jlugia
227
17k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
44
4.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
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Ͱڞʹಇ͘ΤϯδχΞΛ ืू͍ͯ͠·͢ ͓͓ͪͯ͠Γ·͢ʂʂʂʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ 🙇