HelloWorld.vue
HelloWorld.vue
이 파일은 App.vue에서 사용하기 위해 만든 하위 컴포넌트 파일이다. 컴포넌트들은 components
폴더에 위치하도록 만드는 것이 좋다.
script
살펴봐야 할 내용은 script 영역에 생성된 props이다.
props는 생성을 위해 전달받아야 할 내용들에 대해서 정의한다. 이 컴포넌트에서는 생성하려면 msg라는 이름의 String 데이터가 필요하다. 따라서 이 컴포넌트를 사용하는 상위 컴포넌트에서는 다음과 같은 형태로 태그를 생성해야 한다.
상위 컴포넌트에서 전달된 데이터를 msg라는 이름으로 컴포넌트 내에서 사용할 수 있다.
그 외의 요소들은 App.vue
와 동일하게 구성되어 있다.
Last updated