vue 라면 v

v-model

input과 textarea 를 양방향 바인딩 (실시간반영)

<input type="text" v-model="inputItem">

<div>{{ inputItem }}</div>

v-for

배열의 값을 하나씩 가져와서 값을 넣어주고 결과 반환

<div v-for="item in items">{{ inputItem }}</div>

v-bind

data 에 있는 값들을 이용할 때 사용

v-bind:[key]="value"
v-bind:속성명="value"

//데이터에 바인딩 되는 것 데이터 속성과 연결

v-on

이벤트 리스너 연결 onclick과 동일한 동작 methods 내 함수 호출 위해 v-on:click

v-on:하위 컴포넌트에서 발생시킨 이벤트명="현재 컴포넌트의 메서드명"

하위컴포넌트 내 해당 기능에 대한 함수에

this.$emit("컴포넌트에서 발생시킨이벤트명", 인자1, 인자2, ..... )
//이벤트 발생 시 실행 시킬 메서드 호출? 지정?

첫 글인데 헿