Vue: ์†Œํ’ˆ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ, ๋ฐฐ์—ด ๋ฐ ๊ฐœ์ฒด ํ•ด์‹œ ๊ตฌ๋ฌธ ํ˜ผํ•ฉ

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

๊ฒ€์ƒ‰ ํ›„ ์ด๊ฒƒ์ด ์ด๋ฏธ ์ œ์•ˆ ๋ฐ ํ• ์ธ๋˜์—ˆ๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†์—ˆ์ง€๋งŒ ํ˜„์žฌ๋กœ์„œ๋Š” ๋‹จ์ˆœํ•œ ๋ฌธ์ž์—ด ๋ฐฐ์—ด ๋˜๋Š” ๋ณต์žกํ•œ ๊ฐ์ฒด ํ•ด์‹œ๋กœ ๊ตฌ์„ฑ ์š”์†Œ ์†Œํ’ˆ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์šฐ๋ฆฌ๊ฐ€ ๋‘ ๊ฐ€์ง€๋ฅผ ํ˜ผํ•ฉํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ์œ ์šฉํ•  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

props: [
    'propA',
    'propB',
    {
        name: 'propC',
        type: Number,
        default: 100
    },
    'propD'
]

์ข…์ข… ๋ฌธ์ž์—ด ๋ฐฐ์—ด์— ์†Œํ’ˆ์ด ์žˆ๊ณ  ๋‚˜์ค‘์— ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๊ฐ€ ์žˆ๋Š” ์†Œํ’ˆ์„ ์ถ”๊ฐ€ํ•ด์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋ฌธ์ž์—ด ๋ฐฐ์—ด์„ ํ•ด์‹œ๋กœ ์—ฐ๊ฒฐํ•ด์•ผ ํ•จ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

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

ํ…Œ์ŠคํŠธ์—์„œ props-example์„ ๋„ฃ์„ ๋•Œ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

props: [ 'b', { name: 'c', type: Number }, { name: 'd', required: true } ],

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

์ด ๊ธฐ๋Šฅ์€ v2์—์„œ ์ง€์›๋ฉ๋‹ˆ๊นŒ?
๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ์‹œ๋„ํ•˜๊ณ  ๊ฒฝ๊ณ ๋ฅผ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค : props must be strings when using array syntax.

ํ…Œ์ŠคํŠธ์—์„œ props-example์„ ๋„ฃ์„ ๋•Œ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

props: [ 'b', { name: 'c', type: Number }, { name: 'd', required: true } ],

์ด ๋ฌธ์ œ์— ๋Œ€ํ•ด ํ—ˆ์šฉ๋œ ๊ด€ํ–‰/๋Œ€๋‹ต์ด ์žˆ์Šต๋‹ˆ๊นŒ?

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