[vue] v-model props

자식 컴포넌트에서 부모 컴포넌트로 보낼 때

1. @input 자체 이벤트에서 바로 날려버리기

@input 이벤트로 보낼 수 있음  (@change ="eventName")

// 자식 컴포넌트 
<input
	type="text"
	:placeholder="placeHolder"
    :value="value"
    @input="$emit('test', $event.target.value)"
/>

2. 한번 꽈서 올리기

eventName에 this.$emit~ 을 실행하고, model로 부모의 v-model에서 사용할 event와 value를 보냄 
📌 해당 value는 해당 event로 변경한다는 의미 
📌 부모에서 event를 받아와서 써야하는 경우에는 2번 방법으로 사용하기 

<input
      type="text"
      :placeholder="placeHolder"
      :value="value"
      @input="eventName"
    />

<script>
    method:{
        eventName(){
        this.$emit('input', $event.target.value)" 
        }
    }
    model: {
      prop: 'value', // 올릴 data : data
      event: 'test', // 올라갈 event : eventName
    },
</script>