0826 같은 레벨의 컴포넌트가 데이터를 주고받는 방법

 1. 상위 컴포넌트로 이벤트를 발생시켜서 데이터를 전달한다.

2. 상위 컴포넌트에서 해당 하위 컴포넌트로 prop을 전달한다.

(prop이란, 상위에서 하위로 내려오는 데이터를 지칭하는 단어.)

1) 먼저 버튼을 클릭했을때 실행되는 메서드를 등록한다. v-on:click으로 메서드 명을 지정해주면 된다.

2) 상위 컴포넌트로 올릴 메서드를 지정한다.

this.$emit을 이용해서, 매개변수로 메서드명과 데이터를 함께 넘긴다.

3) v-on:속성을 이용해서, 상위컴포넌트와 하위 컴포넌트의 메서드를 엮는다.

4) 상위컴포넌트에서 value를 받는다.

5) 해당 value를, 원하는 하위컴포넌트에서 v-bind를 이용해서 메서드로 받는다.

이때 props속성을 이용, 상위 컴포넌트의 데이터 명을 엮는다.