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
nanamicronn
December 16, 2019
Technology
0
91
Web 1年生 v-model に学ぶ
nanamicronn
December 16, 2019
Tweet
Share
Other Decks in Technology
See All in Technology
Tebiki株式会社 エンジニア採用資料
tebiki
0
4.1k
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
160
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
3
830
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
220
Algyan イベント振り返り
linyixian
0
190
エンタープライズ環境下での Active Directory の運用 TIPS
tamaiyutaro
1
1.6k
普段有償でサポート業務をしているCSAが技術知見を無料で公開する理由
07jp27
1
640
シン・Kafka / shin-kafka
oracle4engineer
PRO
7
2.7k
疲弊しない!AWSセキュリティ統制の考え方 #devio_osakaday1
masahirokawahara
6
5.9k
クラウドサインにおけるプロダクトマネージャーの役割と開発プロセス / 20240410_cloudsign-PdM
bengo4com
1
680
Four keys改善の取り組み事例紹介
sansantech
PRO
3
230
TransitGatewayの基礎
toru_kubota
0
230
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
258
12k
The Power of CSS Pseudo Elements
geoffreycrofte
59
5k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Infographics Made Easy
chrislema
237
18k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
76
41k
Visualization
eitanlees
135
14k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Code Reviewing Like a Champion
maltzj
513
39k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
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ཁૉʹԠͯ͡ҟ ͳΔϓϩύςΟͱΠϕϯτΛ༻
·ͱΊᶄ ެࣜυΩϡϝϯτͪΌΜͱಡΉ ͱʹ͔͘ఘΊͳ͍ʂʂ ͔Βͳ͘ͳͬͨͱ͜ΖͰ ͪΌΜͱཱͪࢭ·Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ