ʮϞσϧʯΛߟ͑Δ2019-07-12 ܂ാӳࢿ
View Slide
ࣗݾհ• ͘Θ͍͚ͨ͑͢(36)• גࣜձࣾΞϥλφ• όοΫΤϯυͱઃܭ• ؔܕݴޠ͕͖Ͱ͢• झຯɿμΠϏϯάɺυϩʔϯɺ…ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ
ʣ༰͕நతͰ͢
Ϟσϧ
ϑϨʔϜϫʔΫͷϞσϧϏδωεϞσϧɾυϝΠϯϞσϧViewModel
େࣄͳͷ
Ͳ͏͍͏ঢ়ଶ͔ΠϝʔδͰ͖Δ͜ͱ
ΦϒδΣΫτࢦͷϑϨʔϜϫʔΫ• DBઃܭʹภΓ͕ͪ• ϏδωεʹඞཁͳʮϞσϧʯΛࣗͨͪͰઃܭͨ͠΄͏͕อकੑ͕ߴ͘ͳΔ• DDDʢυϝΠϯۦಈઃܭʣͳͲͷઃܭख๏͕͋Δ
ϏδωεΛத৺ʹͯ͠ߟ͑Δ
Ұํ ViewModel ͳͲ…
ঢ়ଶΛத৺ʹͯ͠ߟ͑Δ
Vue.jsͷ߹• data(ঢ়ଶͷͯ͢)• methods (ঢ়ଶͷมߋखஈ)• computed (ঢ়ଶ͔Βಋग़͞ΕΔ)• dataΛHTMLͰදݱ͢Δؔܕʹ͍ۙΞϓϩʔν
ؔܕͷΞϓϩʔνঢ়ଶཧʹ͍͍ͯΔ
ͨͩ͠ɺ͖ͬͪΓΔʹʢ७ਮؔܕͰͳ͍ݶΓʣෆมɾࢀরಁ໌ͳͲΛҙࣝ͢Δඞཁ͕͋Δ
·ͱΊ
ϞσϧΛղ͢ΔΞϓϩʔνΛͪΌΜͱΔɾҙࣝ͢Δ
͜ΕҰछͷʮϞσϧʯ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ࣍͠ճʮμΠϏϯάʹֶͿϦεΫཧʯ