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
260
【コネヒトマルシェオンライン】Vue3触ってみた
yamashooooo
October 20, 2020
Tweet
Share
More Decks by yamashooooo
See All by yamashooooo
【PIXIV MEETUP 2023】ピクシブ決済基盤のフロントエンドを改善していく話
yamam00s
0
590
【mediba #developers_community】フロントエンドの フレームワーク事情2022
yamam00s
0
53
【BIT VALLEY -INSIDE- Vol.17】自作キーボード入門した話
yamam00s
0
1k
【Roppongi.vue #3】ユーザー数1500万人のサービスにNuxtを導入して嬉しかったこと
yamam00s
1
740
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
43
6.8k
4 Signs Your Business is Dying
shpigford
176
21k
Web Components: a chance to create the future
zenorocha
306
41k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
A Philosophy of Restraint
colly
197
16k
What's new in Ruby 2.0
geeforr
337
31k
Six Lessons from altMBA
skipperchong
22
3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
66
14k
Web development in the modern age
philhawksworth
203
10k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
Building Effective Engineering Teams - LeadDev
addyosmani
32
1.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
9
1.3k
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Ͱڞʹಇ͘ΤϯδχΞΛ ืू͍ͯ͠·͢ ͓͓ͪͯ͠Γ·͢ʂʂʂʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ 🙇