Component

Component의 구성방식

내가 이해한 바로는 “상하가 연결되어 있는 템플릿?”

예를 들면, 하나의 화면에 구조는 같고 그 안의 데이터만 바뀌는 경우가 매우 많은데 그것을 하나하나 지정해주지 않고 데이터를 담아두고 -> 컴포넌트의 틀에 맞춰 데이터를 하나씩 가져와서 띄운다!고 이해했다

따라서 상위-하위 개념의 컴포넌트의 순서가 정해질 수 있으며 이때 데이터는 상위 컴포넌트가 가지고 있다가, 해당 구조를 사용하는 하위 컴포넌트에 전해준다. 그러면 하위 컴포넌트는 상위 컴포넌트가 전해준 데이터를 자기의 형식에 따라 화면에 띄우는 것!

장점

위에서 말했다시피, 수많은 데이터를 하나하나 지정해줄 필요가 없다는게 가장 큰 장점이다!

단점

아직 써보지 않아서 구글링 해봣는데 언급이 없는 것 같다 써보면서 수정해야지~

Props란?

구성방식에서 알 수 있다시피 상위 컴포넌트가 하위 컴포넌트에 데이터를 전해준다. 이때 하위 컴포넌트는 전달받은 데이터를 사용하기 위해 일단 Props에 지정하여 담아두어야 한다.

왜 그래야하는지에 대해 궁금했는데

모르겟다..

Events Emitting

하위에서 상위로 정보를 전달하고 싶다

상위에서 하위로 전달하는 것뿐만 아니라 하위에서 상위로 거꾸로 보내고 싶을 때는 $emit 을 사용한다. 실습 페이지의 코드에서 이해해보겠다!