[vue]@change이벤트

[chage 이벤트]사용자가 새로운 입력한 후 버튼을 클릭하거나 엔터를 치면 발동되는 이벤트 [예시] 검색 1. 사용자가 input칸에 입력한후 enter나 검색버튼 클릭2. @change이벤트 발동3. {부모 component의 함수}로 입력값($event.target.value) 전달

[vue] 부모component <=> 자식 component 데이터전달

부모=>자식 데이터 전달부모 component에서 자식 component로 데이터를 전달하려면 html에서 데이터를 전달하고자식 component에서 script에서 props로 데이터를 정의해 줘야 한다. [ 부모component.vue]  [자식component.vue] {{ text }}  자식=>부모 데이터 전달[자식component.vue] 닫기  [부모component.vue]  자식 component에서 버튼클릭시 부모component에서 closeModel 이벤트가 활성화 되면서 isModle=false가 수행된다.

[HTML] for문, 이벤트, 변수,

HTML for문html에서 포문은 위와같이 쓸 수 있다.dataList에서 값을 하나씩 가져와서 값은 data에, 인덱스는 index에 넣는다.key는 데이터들을 구분해주는 값으로서 항상 넣어야 한다. 이벤트(@)@click="flag=true;"이벤트를 받을떄는 "@"를 붙여준다. 변수대입(:)어떤 속성값에 값이 아닌 변수를 넣을땐 앞에 콜론(:)을 붙여준다. text부분에 변수를 넣기("{{}}")장르: {{ movie.category }}텍스트가 나오는 부분에 변수를 쓰고실으면 중괄호로 두번 감싼다 예시 {{ movie.title }} 장르: {{ movie.category }} 좋아요 {{ movie.like }} ..