vue 컴포넌트 통신
-
[Vue] Level1 - 2. 컴포넌트 통신Vue 2021. 12. 14. 16:23
컴포넌트 통신 뷰 컴포넌트는 각각 고유한 데이터 유효범위를 갖음. 컴포넌트 간에 데이터를 주고 받기 위해서는 상위->하위: props 속성 전달(데이터를 내려줌) 하위->상위: 이벤트 발생 (이벤트를 올려줌) props 인스턴스 속성인 components만들고 지역컴포넌트 생성 변수로 빼서(가독성위해) template에 작성하고, props에 프롭스 속성의 이름 작명 data만들고 전달하고자 하는 데이터 작성 해당 인스턴스 안에 컴포넌트 태그로 화면에 보여주기 event emit 컴포넌트 만드는것까지 동일 template 속성에 v-on:click="이벤트명" 으로 이벤트 전달 methods 속성에 객체로 해당 이벤트(이벤트명) 함수 작성 this.$emit('전달할것') 이라는 api(기능) 사용 4...