v-if 첫 번째가 false면 그 밑에 있는 v-else가 실행된다
자바에서는 이런 for문이 가능하지만
vue는 안된다 (오직 배열에서 빼내는 거만 가능하다)
배열의 아이템 빼내는 것만 가능한데
그렇다면 아이템 배열이 1 - 5면 12345, 6-10이면 678910 이렇게 되도록 만들 수 있을까?
1~5번까지 이 5개의 값은 관리가 되어야 한다
pageNum 초기값은 1로 설정되야하고 각 링크 누를 때 다른 값들을 서버로부터 지속적으로 받아와야 한다
v-bind 줄이면 콜론: 만 사용해도 되며 여러 단어를 조합할 땐 언더바 사용이 제일 마음 편하다 (카멜 케이스 신경 써야 하기 때문)
href=""로 비워 놨기 때문에 클릭하면 현재 페이지로 새로 로딩되는데,
다른 페이지 혹은 원래 페이지에서 새로 로딩되는 기본 이벤트를 막기 위해. prevent를 사용했다
함수지만 함수의 이름만 적어놔도 함수가 리턴하는 데이터를 사용할 수 있다
pageNums는 data(모델)에 들어가 있지 않다.
computed에 넣어서 변경이 있을 때만 호출되게 만들었다
갤러리 데이터가 넘어오는 걸 확인할 수 있다
강제로 서브밋하는데 전송은 안된다
안의 내용이 에이작스로 전송되게 서브밋이벤트를 통해 전송한다
반응형
'IT 개발' 카테고리의 다른 글
Vue 시작하기 ⑩ (0) | 2021.08.16 |
---|---|
Vue 시작하기 ⑨ 개발환경 셋팅 및 프로젝트 생성 (0) | 2021.08.15 |
Vue 시작하기 ⑦ (0) | 2021.08.13 |
Vue 시작하기 ⑥ (0) | 2021.08.12 |
Vue 시작하기 ⑤ (0) | 2021.08.11 |