[Vue] 컴포넌트 사용하기 - 데이터 전달 (props)


[Vue] 컴포넌트 사용하기 - 데이터 전달 (props)

먼저 해당 이미지를 참고해보자. 부모에서 자식 컴포넌트에 데이터를 전달 전달해서 넘겨 받은 자식 컴포넌트 내부의 어딘가에서 활용 결과적으로 부모에서 자식으로 데이터를 넘겨줄 때 props를 활용 출처 : https://kr.vuejs.org/v2/guide/components.html#%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EC%9E%91%EC%84%B1 소스에 대한 설명은 주석으로 표시해 두었다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue test</title> <script src="https://cdn.jsdelivr.net/npm/vue/d...


#javascript #props #vue #vuejs #뷰 #자바스크립트 #컴포넌트

원문링크 : [Vue] 컴포넌트 사용하기 - 데이터 전달 (props)