728x90 반응형 반응형3 [Vue js 반응형 웹페이지] 페이지 전환효과(fade, slide) *router 사용 *하이브리드 앱, 네이티브 앱 만들어보면서 페이지 전환효과의 중요성을 알게됐음 그래서 필요한 페이지 전환효과를 찾아봄 목표 1. page1, page2, page3은 슬라이드 전환 2. 목표1, page4, page5는 fade 전환 모듈설치 npm install --save vue-router npm install jquery --save npm i -g npm-check-updates App.vue Slide Page New Page 1 New Page 2 page1.vue SLIDE 1 next page2.vue SLIDE 2 prev next page3.vue SLIDE 3 prev page4.vue NEW PAGE 1 page5.vue NEW PAGE 2 main.js import Vue fro.. 2021. 5. 10. [Vue js 반응형 웹페이지] 우측 슬라이드메뉴 여기서 이어서함 [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 yoyostudy.tistory.com/29 page2.vue를 아래 코드로 수정 PAGE 2 page2 - 우측 슬라이드 slide show PAGE 2 - SLIDE 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 슬라이드 메뉴 동작 영상 슬라이드 메뉴 동작 영상 2021. 5. 7. [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 사용할 모듈 설치 ㄱㄱ ( vue-router , jquery ) npm install --save vue-router npm install jquery --save npm i -g npm-check-updates 사용할 vue 파일 4개 + Nav 파일 + router.js 파일 생성 router.js import Vue from 'vue' import Router from 'vue-router' import page1 from './views/page1.vue' import page2 from './views/page2.vue' import page3 from './views/page3.vue' import page4 from './views/page4.vue' Vue.use(Router) expor.. 2021. 5. 7. 이전 1 다음 728x90 반응형
