Vue로 화면을 구현하다 보면 클릭이벤트 등을 통해 작동한 내용을 자식컴포넌트에서 부모 컴포넌트에서 데이터를 넘겨야 할 경우가 있다. 이런 경우에 대해서 설명 하겠다. 이벤트 출력 input의 경우에 대하여 설명하고 다른 컴포넌트의 경우 해당 컴포넌트에 대한 정보를 찾아 보면된다. input의 이벤트는 @input이다. 이런식으로 작성하면 입력 될 때 마다 titleUpdate라는 메소드를 호출 할 수 있다. 위와 같이 작성하면 콘솔로 해당 입력 값을 띄울 수 있다. $Emit 위의 스크립트를 다음과 같이 변경하면 부모 컴포넌트에서 사용할 수 있다. {{ title }} 부모컨포넌트에서 위와 같이 작성한다면 자식 컴포넌트에서 이벤트가 발생하면 titleChange로 사용 사용할 수 있다. methods:..
Vue를 이용해 일정 시간마다 서버에서 값을 들고와 갱신해야하는 문제가 있었다. 해당 문제의 해결은 setInterval을 통해 진행 하였다. setinterval의 사용법은 다음과 같다. setInterval(this.getStatus, 5000); // 5000은 5000ms로, 5초 다음처럼 진행 한다면 지속적으로 실행 되어야하는 작업을 반복해서 수행 할 수있다. 만약 해당 작업을 중단하고 싶다면 if문 안에서 해당 setInterval을 실행하는 방식으로 작업하면 중간에 중단도 할 수 있다. export default { data() { return { status : '', } }, methods: { async getStatus() { const dataId = this.$store.state..
https://zigo0bone.tistory.com/14 [Vue] 스크롤 이벤트 넣기 Vue에서 스크롤 이벤트를 넣기 위해서 Vue의 라이프사이클 created가 아닌 mounted에 리스너를 추가하였다. //컴포넌트 인스턴스 마운트 후 호출 mounted() { document.addEventListener("scroll", this.scrollEvents); }, u zigo0bone.tistory.com 프론트 화면을 개발 하는 중 Vue에 스크롤 이벤트에 대한 설명입니다.