본문 바로가기
IT 개발

Vue 시작하기 ⑧

by takoapps 2021. 8. 14.

 

 

 

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