본문 바로가기

분류 전체보기208

우리 모두 다 아는 사실 우리 모두 모른 척하지만 다 아는 사실처럼, 부유하고 리버럴한 좌파 없이 세상은, 특히 좌파는 돌아가지 않으니까. 김도훈, 우리 이제 낭만을 이야기합시다. 2021. 9. 26.

[vue] props 이벤트 발생과 수신 (상위에서 하위 컴포넌트로 이벤트 전달) props 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용하는 속성 하위컴포넌트 속성에 먼저 정의를 함. Vue.components('child-component', { props : ['props 속성 이름'] } 상위컴포넌트의 html 코드에 등록된 child-component 태그에 v-bind 속성을 추가 상위컴포넌트를 따로 지정하지는 않았는데? - 컴포넌트를 등록함과 동시에 뷰 인스턴스 자체가 상위 컴포넌트가 되기 때문. - 인스턴스에 새로운 컴포넌트를 등록하면 기존에있는 컴포넌트는 상위 컴포넌트(부모)가 되고, 새로 등록된 컴포넌트는 하위(자식) 컴포넌트가 됨. - 새 컴포넌트를 등록한 인스턴스를 최상위 컴포넌트(Root Component)라고 부름 2021. 9. 19.

[vue] $emit 이벤트 발생과 수신 (하위에서 상위 컴포넌트로 이벤트 전달) event emit : 이벤트를 발생(emit)시켜 상위 컴포넌트에 신호를 보낸면 된다. 상위 컴포넌트에서 하위 컴포넌트의 특정 이벤트가 발생하기를 기다리고 있다가 하위 컴포넌트에서 특정 이벤트가 발생하면 상위 컴포넌트에서 해당 이벤트를 수신하여 상위 컴포넌트의 메서드를 호출하는 것. 이벤트 발생과 수신 형식 $emit()과 v-on: 속성을 사용하여 구현 $emit()을 호출하는 위치는 하위 컴포넌트의 특정 메서드 내부 //이벤트 발생 this.$emit('이벤트명'); //this는 하위 컴포넌트를 가리킴 호출한 이벤트는 하위 컴포넌트를 등록하는 태그(상위 컴포넌트의 template 속성에 위치)에서 v-on:으로 받음. //이벤트 수신 2021. 9. 19.

[vue] directives 뷰 주요 디렉티브 정리 뷰 디렉티브란? html 태그안의 v-접두사를 가지는 모든 속성을 의미함. 화면의 요소를 직접 제어할 필요 없이 뷰의 디렉티브를 활용하여 화면 요소들을 조작할 수 있음. directive name role 비고 v-if 지정한 뷰 데이터 값의 참, 거짓 여부에 따라 해당 html 태그를 화면에 표시하거나표시하지 않는다. v-for 지정한 뷰 데이터의 개수만큼 해당 html 태그를 반복 출력함 v-show v-if와 유사하게 데이터의 진위 여부에 따라 해당html태그를 화면에 표시하거나 표시하지 않는다. v-if는 해당 태그를 완전히 삭제하지만 v-show는 css효과만 display:none;으로 주어 실제 태그는 남아 있고 화면 상으로만 보이지 않는다. v-bind html 태그의 기본 속성과 뷰 데이.. 2021. 9. 19.

이전 1 ··· 39 40 41 42 43 44 45 ··· 52 다음

티스토리툴바