Vue: ์†์„ฑ ๊ฐ’์ด ๋น„์–ด ์žˆ์œผ๋ฉด ํ…œํ”Œ๋ฆฟ ์ปดํŒŒ์ผ์ด ์‹คํŒจํ•ฉ๋‹ˆ๋‹ค.

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

Vue.js ๋ฒ„์ „

2.0.3

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

https://jsfiddle.net/jt3hjuwg/

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

๊ฐ’์œผ๋กœ ๋นˆ ๋ฌธ์ž์—ด์ด ์žˆ๋Š” ์†Œํ’ˆ์„ ๋ฐ”์ธ๋”ฉํ•ฉ๋‹ˆ๋‹ค. JSON ๊ฐœ์ฒด๋‚˜ null ๋ฌธ์ž์—ด์„ ์ œ๊ณตํ•˜๋ฉด ์ž‘๋™ํ•˜์ง€๋งŒ ๋นˆ ๋ฌธ์ž์—ด์„ ์‚ฌ์šฉํ•˜๋ฉด ํ…œํ”Œ๋ฆฟ์ด ์ปดํŒŒ์ผ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด Vue 2์—์„œ ์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘์ธ์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค(Vue 1์—์„œ ์ž‘๋™ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋จ). ๊ทธ๋Ÿฌ๋‚˜ ๋‹ค์†Œ ์ง๊ด€์ ์ด์ง€ ์•Š์€ ๋Š๋‚Œ์ด ๋“ญ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ฝ˜ํ…์ธ ๋ฅผ ์†Œํ’ˆ ์„œ๋ฒ„ ์ธก์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ๊ฒฝ์šฐ ์ฝ˜ํ…์ธ ๊ฐ€ ์กด์žฌํ•˜๋Š”์ง€ ํ™•์ธํ•˜๊ณ  ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ๋ฆฌํ„ฐ๋Ÿด ๋ฌธ์ž์—ด null ๋ฐ˜ํ™˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ์ƒ๋˜๋Š” ๊ฒƒ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์€ ๊ณ„์† ๋ Œ๋”๋ง๋˜์ง€๋งŒ ์†์„ฑ์€ ๋นˆ ๋ฌธ์ž์—ด ๋˜๋Š” null์ด ๋ฉ๋‹ˆ๋‹ค.

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

์ฝ˜์†”์— ๊ฒฝ๊ณ ๊ฐ€ ํ‘œ์‹œ๋˜๊ณ  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋ Œ๋”๋ง๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

[Vue warn]: failed to compile template:

<review :review=""></review>

(found in root instance)

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

@fnlctrl
Number ์†Œํ’ˆ์œผ๋กœ ์–ด๋–ป๊ฒŒ ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

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

์•ˆ๋…•ํ•˜์„ธ์š”, ์ด ๋ฌธ์ œ๋ฅผ ์ž‘์„ฑํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋นˆ ๋ฌธ์ž์—ด์„ ์‚ฌ์šฉํ•˜๋ฉด ํ…œํ”Œ๋ฆฟ์ด ์ปดํŒŒ์ผ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

<review :review=""></review> ๋นˆ ๋ฌธ์ž์—ด์„ ์„ค์ •ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
์˜ฌ๋ฐ”๋ฅธ ๋ฐฉ๋ฒ•์€ <review :review="''"></review> ์ž…๋‹ˆ๋‹ค. v-bind๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ‘œํ˜„์‹์„ ๊ธฐ๋Œ€ํ•œ๋‹ค๋Š” ๊ฒƒ์„ ๊ธฐ์–ตํ•˜์‹ญ์‹œ์˜ค. https://jsfiddle.net/fnlCtrl/jt3hjuwg/1/

์˜ˆ๋ฅผ ๋“ค์–ด, ์ฝ˜ํ…์ธ ๋ฅผ ์†Œํ’ˆ ์„œ๋ฒ„ ์ธก์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ๊ฒฝ์šฐ ์ฝ˜ํ…์ธ ๊ฐ€ ์กด์žฌํ•˜๋Š”์ง€ ํ™•์ธํ•˜๊ณ  ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ๋ฆฌํ„ฐ๋Ÿด ๋ฌธ์ž์—ด null์„ ๋ฐ˜ํ™˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋นˆ ๋ฌธ์ž์—ด '' ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒŒ ์ „๋ถ€์ž…๋‹ˆ๋‹ค.

Vue๊ฐ€ ์ด๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๋” ์ข‹์€ ๋ฐฉ๋ฒ•์ด ์—†์„๊นŒ์š”? ์•„๋‹ˆ๋ฉด ์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ์ฝ˜์†” ๋‚ด๋ถ€์— DOM์˜ ์ ˆ๋ฐ˜์„ ๋คํ”„ํ•˜๋Š” ๋Œ€์‹  ๋” ๋‚˜์€ ์ข…๋ฅ˜์˜ ์˜ค๋ฅ˜ ์ฒ˜๋ฆฌ๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

@fnlctrl
Number ์†Œํ’ˆ์œผ๋กœ ์–ด๋–ป๊ฒŒ ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

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