티스토리 뷰

Dev(기록 및 이론정리)/Vue

깔끔한청년 2021. 9. 24. 00:45

vue-router 에서 router 라는것을 일반적인 화면이 전환될때 사용하며 명칭은 router 라고 합니다.

SPA 는 Single Page Aplication 한개의 페이지로 이루어진 어플리케이션을 말한다.

그림판으로 설명드려 죄송합니다 제가 보기 쉽게 하기위해 그리면서 글을 작성했습니다.

index.html (메인페이지)를 한개페이지를 보여주기위한 예제입니다.

1-1.Hash Mode Vs History Mode 차이점

Hash mode는 모든 URL을 HASH(#) 형태로 서비스합니다. URL이 변경될 때 페이지가 다시 로드 되지 않는다.

export default new VueRouter({
  routes
})

페이지를 다시로드 하지않고 URl을 탐색할수 가 있다 . SPA의 단일 페이지 클라이언트앱이기 때문에 그렇다.

export default new VueRouter({
  routes,
  mode:'history'
})

HTML5 히스토리 모드 | Vue Router

HTML5 히스토리 모드 vue-router의 기본 모드는 hash mode 입니다. URL 해시를 사용하여 전체 URL을 시뮬레이트하므로 URL이 변경될 때 페이지가 다시 로드 되지 않습니다. 해시를 제거하기 위해 라우터의

router.vuejs.org

OKKY | [VUE] SPA 웹 프론트앤드 개발을 위한 정리

원본: [VUE] SPA 웹 프론트앤드 개발을 위한 정리 목표 본 포스팅에서는 SPA Single Page Application 개발에 앞서 SPA에 대한 이해 및 자바스크립트 프레임워크 Vue.js에 대한 기본적인 이해를 목표로 하

okky.kr

6.Vuex (state,getters,Mutations,Actions) (0)	2021.09.24
4.Moment.js 와 Day.js 사용법 (0)	2021.09.21
3-1.lowdb,lodash 사용 과정 및 오류 해결 (1)	2021.09.19
3.Webpack Plugin 설치과정 및 copy-webpack-plugin (0)	2021.09.19
2.To do list 및 오류 ([오류해결] npm install 설치시 npm ERR! code ERESOLVE) (0)	2021.09.14

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함