Template

์ธํ”„๋Ÿฐ Vue.js ์‹œ์ž‘ํ•˜๊ธฐ - Age of Vue / ์žฅ๊ธฐํšจ(์บกํ‹ดํŒ๊ต)

template

  • ํ…œํ”Œ๋ฆฟ ์•ˆ์—๋Š” ํ•˜๋‚˜์˜ ์—˜๋ฆฌ๋จผํŠธ๋งŒ

  • ์ปดํฌ๋„ŒํŠธ ๋ช…์€ ํŒŒ์Šค์นผ ์ผ€์ด์Šค๋กœ ์ž‘์„ฑํ•˜๊ณ  ๋‘๋‹จ์–ด๋กœ ์กฐํ•ฉํ•˜์—ฌ ๋งŒ๋“ฌ

  • ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฐ€์ ธ์˜ฌ๋•Œ๋Š” import ์‚ฌ์šฉ

  • ์ปดํฌ๋„ŒํŠธ์˜ ๋‚ด์šฉ์„ ์ž‘์„ฑํ•˜๊ณ  ๋ณ€์ˆ˜์— ๋‹ด์Œ (import-from)

event.preventDefault(); == v-on:submit.prevent="submitForm"

npm i axios
  • Reactivity

  • ์ธ์Šคํ„ด์Šค

  • ์ปดํฌ๋„ŒํŠธ

  • ์ปดํฌ๋„ŒํŠธ ํ†ต์‹ 

    • props

    • event emit

  • HTTP ํ†ต์‹  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ (axios)

  • ํ…œํ”Œ๋ฆฟ ๋ฌธ๋ฒ•

    • ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ

    • ๋ทฐ ๋””๋ ‰ํ‹ฐ๋ธŒ (v-)

  • Vue CLI

  • ์‹ฑ๊ธ€ ํŒŒ์ผ ์ปดํฌ๋„ŒํŠธ

Last updated