앞 포스팅에 이어서 작성
[Vue.js]컴포넌트 부착하여 화면에 출력하기(+매개변수)
vue 프로젝트를 생성하면 src폴더 안에 기본적으로 부모 컴포넌트인 App.vue와 components 폴더안에 자식 컴포넌트인 HelloWorld.vue가 존재한다 자식 컴포넌트는 이 components 폴더에 생성한다. .vue 확장자
thinkoh.tistory.com
App.js <- HelloWorld.vue, Happy.vue 중첩
Happy.vue <- Child.vue 중첩
*자식컴포넌트를 등록했는데 사용하지 않으면 에러가 발생한다
*전달할 매개변수명에 -와 같은 구분자를 넣으면 자식컴포넌트에서 인식하지 못한다
그러므로 부모컴포넌트가 전달한 매개변수이름에서 -를 빼고 그 다음문자를 대문자로 하여 받아온다
Happy.vue
Child.vue
결과창
'Vue.js' 카테고리의 다른 글
| [Vue.js]데이터 바인딩(v-bind), 매개변수 디폴트값 지정(default), data속성을 이용한 데이터 저장 (0) | 2021.04.29 |
|---|---|
| [Vue.js]컴포넌트 부착하여 화면에 출력하기(+매개변수) (0) | 2021.04.29 |