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
Web 1年生 v-model に学ぶ
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
nanamicronn
December 16, 2019
Technology
0
97
Web 1年生 v-model に学ぶ
nanamicronn
December 16, 2019
Tweet
Share
Other Decks in Technology
See All in Technology
データの整合性を保ちたいだけなんだ
shoheimitani
8
3.2k
超初心者からでも大丈夫!オープンソース半導体の楽しみ方〜今こそ!オレオレチップをつくろう〜
keropiyo
0
120
Context Engineeringの取り組み
nutslove
0
370
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
capytan
6
2.8k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
13k
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
tatsukoni
0
220
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
360
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
kworkdev
PRO
1
480
OpenShiftでllm-dを動かそう!
jpishikawa
0
130
Agent Skils
dip_tech
PRO
0
120
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.6k
usermode linux without MMU - fosdem2026 kernel devroom
thehajime
0
240
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
940
Facilitating Awesome Meetings
lara
57
6.8k
GraphQLとの向き合い方2022年版
quramy
50
14k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Tell your own story through comics
letsgokoyo
1
810
Code Review Best Practice
trishagee
74
20k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
170
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
320
Transcript
8FCΤϯδχΞੜ WNPEFMʹֶͿ ୩ాɹࣣւ WPLJOBXB
୩ాɹࣣւ ͨʹͩɹͳͳΈ ౦ژˠԭೄ ݄ʙɹ3FCVJME Έ͘ΖΜ!OBOBNJDSPOO ࠷ۙͷग़དྷࣄɿಹϚϥιϯ ͖ͳͷɿւɾͶ͜
ۀͰ͓ʹ -BSBWFM 7VFKT /VYU
݄ ݄ ݄ ݄ 7VFKTͷ͓ษڧ ͍·͜͜
8FCΤϯδχΞੜ WNPEFMʹֶͿ
WNPEFMͱ͍͏ͷΛ֮͑ͨ
WNPEFM WVFKTͷσ ΟϨΫςΟϒ ํόΠϯσΟϯά <input type="text" v-model="message"> <p>{{ message }}</p>
WNPEFM WVFKTͷσ ΟϨΫςΟϒ ํόΠϯσΟϯά <input type="text" v-model="message"> <p>{{ message }}</p>
ʗ ?P? ʘ શવϫΧϥφΠ Wͭ͘ͷଟ͗͢
͜͏֮ͬͯ͑ͨ JOQVU NFTTBHF ͋͋͋ ͋͋͋ WNPEFMlNFTTBHFz
͜͏֮ͬͯ͑ͨ JOQVU NFTTBHF ͋͋͋ ͋͋͋ WNPEFMlNFTTBHFz ͭͬ͜ΜͩΒ ͍͍͔Μ͡ʹ࿈ಈ͢Δ
͜ΜͳγνϡΤʔγϣϯʹग़ձͬͨ
˞ΠϝʔδਤͰ͢
Α͠ɺίϯϙʔωϯτԽͩʂʂ
ίϯϙʔωϯτʹͯ͠Έ͚ͨͲɾɾɾ <input-form v-model="value"></input-form> <p>{{ value }}</p>
ʗ ?P? ʘ ͋ΕɺͰ͖ͳ͍ QPQTSFBEPOMZͩͬͨ ٧Έ
ެࣜυΩϡϝϯτ
WNPEFMͱ ͨͩͷҥߏจ JOQVUཁૉ JOQVU UFYUBSFB TFMFDU ʹΑ͍͍͔ͬͯΜ͡ͷϓϩύςΟͱ ΠϕϯτΛͬͯ͘ΕΔ͚ͩ
<input type="text" v-model="message"> <p>{{ message }}</p> <input :value="message" @input="message =
$event.target.value"> <p>{{ message }}</p> ͜Μͳ͔Μ͡ʹͳΔ
<input-form :value = "value" @input="val => value = val"></input-form> <p>{{
value }}</p> ࢠ
·ͱΊᶃ WNPEFMͨͩͷҥߏจ ෦తʹJOQVUཁૉʹԠͯ͡ҟ ͳΔϓϩύςΟͱΠϕϯτΛ༻
·ͱΊᶄ ެࣜυΩϡϝϯτͪΌΜͱಡΉ ͱʹ͔͘ఘΊͳ͍ʂʂ ͔Βͳ͘ͳͬͨͱ͜ΖͰ ͪΌΜͱཱͪࢭ·Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ