Vue: .sync ์ˆ˜์ •์ž๋Š” v-for์—์„œ ๊นŠ์ด ์ค‘์ฒฉ๋œ ๊ฐ์ฒด์— ๋Œ€ํ•ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2018๋…„ 06์›” 19์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vuejs/vue

๋ฒ„์ „

2.5.16

์žฌ์ƒ์‚ฐ ๋งํฌ

https://jsfiddle.net/jacobgoh101/g5bv0esd/1/

์žฌํ˜„ ๋‹จ๊ณ„

v-for ๋ฃจํ”„์—์„œ ๊ฐ์ฒด ๋ฐฐ์—ด์— .sync ์ˆ˜์ •์ž ์‚ฌ์šฉ

๋ฌด์—‡์„ ๊ธฐ๋Œ€ํ•ฉ๋‹ˆ๊นŒ?

.sync ์ˆ˜์ •์ž๋Š” ๋ถ€๋ชจ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์—…๋ฐ์ดํŠธํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์‹ค์ œ๋กœ ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

.sync ์ˆ˜์ •์ž๋Š” ๋ถ€๋ชจ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.


์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ์ˆ˜๋™์œผ๋กœ ์ถ”๊ฐ€ํ•˜๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ .sync ์ˆ˜์ •์ž๋Š” ๊ทธ๋ ‡์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋ชจ๋“  3 ๋Œ“๊ธ€

$emit('update:itemAttribute', value) ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. https://jsfiddle.net/g5bv0esd/5/๋ฅผ ์ฐธ์กฐ

@javoski ์žฌ์˜คํ”ˆ์„ ๊ณ ๋ คํ•ด์ฃผ์„ธ์š”. .sync ๊ฐ€ ๋ฌธ์„œํ™”๋˜์–ด ์žˆ๋Š” ๋™์ผํ•œ ์„น์…˜ ์˜

... ์ด๋ฒคํŠธ ์ด๋ฆ„์—๋Š” ํ•ญ์ƒ kebab-case๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ๋‚˜์—๊ฒŒ๋„ ๋ฌผ๋ ธ๋‹ค. ๋ฌธ์„œ๋ฅผ ์ˆ˜์ •ํ•ด์•ผ ํ•˜๊ฑฐ๋‚˜ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰