개발정리

라우팅이란? 웹 페이지 간의 이동 방법이다. 뷰 라우터 뷰에서 라우팅 기능을 구현할 수 있도록 지원하는 공식 라이브러리 뷰 라우터 예제 가위 바위 보 가위 내기 바위 내기 보 내기 -뷰 라우터 에서는 a태그가 아닌 router-link 태그를 사용합니다. -router-link 태그는 새로고침없이 URL을 변경 해 줍니다. -URL에 상응하는 컴포넌트를 보여주는 태그 입니다. 링크를 클릭 할때마다 해당 URL로 이동하며 컴포넌트가 교체됩니다. 네스티드 라우터 -네스티드 라우터는 라우터 뷰 안에 라우터 뷰를 표시하는 형태이다. - :(콜론)를 사용하면 동적으로 라우트를 매칭 할 수 있습니다. -/user/rock 으로 이동한 후 링크를 클릭 해보자 네임드 뷰 -에 name 속성을 사용해서 이름을 붙여 줄수..

vue.js에서 이벤트를 처리할 때는 v-on 또는 @를 사용합니다. 카운트 늘리기 예제 버튼을 눌렀을때 숫자를 하나씩 더하는 예제를 만들어 봅시다. {{ count }} 더하기 더하기 해당 코드에서 v-on을 사용해 해당 이벤트에 연결되는 메소드를 설정해 줬습니다. 즉,click이벤트가 발생 했을때 plus메서드가 실행 되는 것 이죠 더하기 버튼을 눌렀을때 숫자가 증가하는 것을 보실수 있습니다. 카운트 빼기 버튼 예제 이제 v-on 태그가 아니라 @를 사용해서 카운트 빼기 를 구현해 봅시다. {{ count }} 더하기 빼기 v-on을 사용하지 않고 @를 사용해도 클릭이벤트를 발생 시킬 수 있음을 볼 수 있습니다. click이벤트 외에도 mouseup mousedown 등 여러가지 이벤트가 있습니다. ..