Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
How to define the relationship in vuex's state
Tetsuya Tatsumi
March 09, 2018
Programming
1
310
How to define the relationship in vuex's state
When you use vuex state, how to define relationship between state objects?
Tetsuya Tatsumi
March 09, 2018
Tweet
Share
More Decks by Tetsuya Tatsumi
See All by Tetsuya Tatsumi
LINE Thingsで視力検査
dokechin
0
57
筋トレ応援団.pdf
dokechin
1
210
全文検索システムFESSを使った Web+DB PRESS 総集編の全文検索
dokechin
0
180
ダンドリーキッチン
dokechin
0
300
ダンドリーキッチン
dokechin
0
980
Other Decks in Programming
See All in Programming
From Java 11 to 17 and beyond
josepaumard
0
290
microCMS × imgixを活用して品質とレスポンスを両立したポートフォリオサイトを作成した話
takehitogoto
0
410
2022 FrontEnd Training
mixi_engineers
1
280
Kotlin KSP - Intro
taehwandev
1
480
확장 가능한 테라폼 코드 관리 (Scalable Terraform Code Management)
posquit0
1
310
質とスピード(2022春版、質疑応答用資料付き) / Quality and Speed 2022 Spring Edition
twada
PRO
28
18k
機能横断型チームにおける技術改善
takeshiakutsu
3
450
Licences open source : entre guerre de clochers et radicalité
pylapp
1
240
WindowsコンテナDojo:第2回 Windowsコンテナアプリのビルド、公開、デプロイ
oniak3ibm
PRO
0
140
Modern Web Apps with Spring Boot, Angular & TypeScript
toedter
12
14k
Jetpack Compose 頑張らないPreviewParameterProvider
horie23
0
100
TDX22: User-Mode DB Ops
ca_peterson
3
1.1k
Featured
See All Featured
The Web Native Designer (August 2011)
paulrobertlloyd
74
1.9k
Visualization
eitanlees
124
11k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.6k
Embracing the Ebb and Flow
colly
73
3.3k
The Most Common Mistakes in Cover Letters
jrick
PRO
4
24k
Unsuck your backbone
ammeep
659
55k
Documentation Writing (for coders)
carmenhchung
48
2.5k
Robots, Beer and Maslow
schacon
152
7.1k
A Tale of Four Properties
chriscoyier
149
20k
Building Flexible Design Systems
yeseniaperezcruz
310
33k
Statistics for Hackers
jakevdp
781
210k
Agile that works and the tools we love
rasmusluckow
319
19k
Transcript
)PXUPEFpOFUIF SFMBUJPOTIJQJOWVFYT TUBUF (PUBOEBKTJO/FYUCFBU !EPLFDIJO
ˏEPLFDIJO w .JEEMF"HFENBOXIPMJLFTUPNBLFXFC BQQMJDBUJPO CVUUFDIOPMPHZMFWFMJTʜ
*NQMFNFOUJOH8FC "QQMJDBUJPOGPSQFSTPOBMVTF w 7VF w 7VFY w WVFDMJ w 7VFUJGZ
7VFY It serves as a centralized store for all the
components in an application
.PEFM ΠΦϯ ͓٬༷ײँσʔ ͋Γ͕ͱ͏σʔ ΠτʔϤʔΧಊ ϋοϐʔσʔ
%FpOFSFMBUJPOTIJQCZ SFGFSFODF TUBUF\ TIPQT<BFPO ZPLBEP> EJTDPVOUT< \OBNFb͓٬༷ײँσʔ` TIPQBFPO^
\OBNFb͋Γ͕ͱ͏σʔ` TIPQBFPO^ \OBNFbϋοϐʔσʔ` TIPQZPLBEP^ > ^
%FpOFSFMBUJPOTIJQCZ*% TUBUF\ TIPQT<\JE OBNFbΠΦϯ`^ \JE OBNFbϤʔΧಊ`^> EJTDPVOUT< \OBNFb͓٬༷ײँσʔ`
TIPQ@JE^ \OBNFb͋Γ͕ͱ͏σʔ` TIPQ@JE^ \OBNFbϋοϐʔσʔ` TIPQ@JE^ > ^
(FUUJOHTIPQOBNFGSPN EJTDPVOU w EJTDPVOUTIPQOBNF w HFU4IPQ#Z*E EJTDPVOUTIPQ@JE OBNF 3FGFSFODFɹ *%ɹ
3FGFSFODFXBZ w 6OEFSTUBOEBCMFDPEF w /PHFUUFSSFRVJSFE
4UBUFQFSTJTUFODF QSPCMFN
6TJOH-PDBM4UPSFHF BTTUBUFTUPSF
3FGFSFODFPCKFDUJT SFQMBDFEUPWBMVF TUBUF\ TIPQT<\OBNFbBFPO`^ \OBNFbZPLBEP`^> EJTDPVOUT< \OBNFb͓٬༷ײँσʔ` TIPQ\OBNFbBFPO`^^
\OBNFb͋Γ͕ͱ͏σʔ` TIPQ\OBNFbBFPO`^^ \OBNFbϋοϐʔσʔ` TIPQ\OBNFbZPLBEP`^^ > ^
3FGFSFODFSFDPOTUSVDUJT OFFEFE var storage = JSON.parse localStorage.getItem bkey' var shops
= new Map storage.shops.map i => <i.id i> for var discount of storage.discounts { discount.shop = shops.get discount.shop.id } this.replaceState Object.assign state storage
$PODMVTJPO w 3FMBUJPOTIJQTPGNFNCFSTPG4UBUFDBOCF SFQSFTFOUFEVTJOHSFGFSFODFT w #VUDPOTJEFSBUJPOGPSQFSTJTUFODFTUPSFJT OFDFTTBSZ