Study Vue.js

선언적 랜더링

  1. {{msg1}}
  2. {{msg2}}

동적바인딩

{{desc}}

조건문과 반복문

show 가 true 면 이 메시지가 보인당께

number photo desc
{{cat_image.number}} {{cat_image.desc}}

사용자 입력 핸들링

{{name}} : {{phone_number}}

가위바위보

순번 컴퓨터 결과
{{result.number}} {{result.me}} {{result.com}} {{result.result}}

{{gaweBaweBohResults.length}} 전 {{win}} 승 {{tied}} 무 {{lose}} 패

야구 게임

순번 숫자 판정
{{data.count}} {{data.input}} {{data.result.strike}} 스트라이크 {{data.result.ball}} 볼

텍사스 홀뎀

deck

card

game status : {{game_status}}
{{game_result}}

dealer

{{dealer_hand.title}}

card

kiker :

community

O

O

betting : {{betting}}

player

money : {{players_money}}

{{player_hand.title}}

kiker :

컴포넌트