# vue router

17개의 포스트
post-thumbnail

Axios.post, Axios.all & Vue-router 쿼리스트링 변경하기

: https://xn--xy1bk56a.run/axios/guide/usage.html\`\`\`javascriptaxios.post('url', data);: https://stackoverflow.com/questions/40382388/how-

약 3시간 전
·
0개의 댓글
post-thumbnail

[vue.js] 네비게이션 가드

네비게이션 가드를 통해 잘못된 페이지 이동 시 리다이렉트/취소하여 Nativation을 보호하기

2021년 1월 13일
·
0개의 댓글
post-thumbnail

[Vue.js] vue-router #5 - Named

때로는 라우트에 연결하거나, 탐색을 수행할 때 Named Routes를 사용하는 것이 더 편리하다. Named Routes는 Router 인스턴스를 생성하는 동안 routes 옵션에 라우트를 지정할 수 있다.

2021년 1월 9일
·
0개의 댓글
post-thumbnail

[Vue.js] vue-router #3 - 중첩된 라우트

실제 앱 UI는 일반적으로 여러 단계로 중첩된 컴포넌트로 이루어져 있다.

2021년 1월 9일
·
0개의 댓글
post-thumbnail

[Vue.js] vue-router #2 - 동적 라우트 매칭

주어진 패턴을 가진 라우트를 동일한 컴포넌트에 매핑해야 하는 경우가 자주 존재한다.

2021년 1월 9일
·
0개의 댓글
post-thumbnail

[Vue.js] vue-router #1

Vue 라이브러리를 이용하여 SPA를 구현할 때 사용하는 페이지 이동 라이브러리

2021년 1월 9일
·
0개의 댓글

뷰 라우터와 코드 스플리팅

Vue.use(): 플러그인을 실행하고, 초기화하기 위해서 필요한 코드뷰 라우터 인스턴스와 routes 배열routes 배열은 라우팅 정보를 담는 속성라우터 경로와 해당 경로에 접속할 경우 그려지는 페이지(컴포넌트)를 정의router-view & router-linkr

2021년 1월 6일
·
0개의 댓글
post-thumbnail

[vue.js] 404 Error 핸들링

Vue.js에서 404 Not Found 페이지 설정하는 법

2020년 12월 31일
·
0개의 댓글
post-thumbnail

[TIL]Vue+Typescirpt+Vuex 사용하기 -6 (Router,getters)

Vue Router란? 라우터란? 웹 페이지간의 이동방법을 뜻합니다. 싱글 페이지 애플리케이션(SPA)에서 많이 사용(React, Vue, Angulur) 브라우저에서 웹 페이지를 요청하면 서버에서 응답을 받아 사용자에게 답해주는 시간 동안 화면 상에 깜빡거리는 현상이

2020년 12월 30일
·
0개의 댓글
post-thumbnail

[vue.js] Named Routes

하위 라우팅과 상위 라우팅의 구분을 위한 Vue Router의 Named Routes

2020년 12월 28일
·
0개의 댓글

11/17

✔ 상세 정보 라우터 설정 및 컴포넌트 생성(모달 컴포넌트, 중첩된 라우트) ✔ Show.vue에서 각 영화 이미지 태그 클릭 시 링크 이동하도록 변경 1\. 라우터 경로 설정 : BrowseHome, Search, Latest, genre 경로에 children 속성

2020년 11월 17일
·
0개의 댓글

10/13

* Vue * Vue-Router 동적 라우트 매칭 코드 예시 /user/foo, /user/bar와 같이 같은 패턴에 따라서 동일한 컴포넌트를 재사용해야하고, 매칭된 id값에 따라서 정보를 변경하고 싶을때 사용한다. 여기서 id를 동적 세그먼트라고하고, 동적

2020년 10월 13일
·
0개의 댓글
post-thumbnail

10/12

vue-cli: $ winpty vue.cmd create <project-name> : https://where-i-go.tistory.com/135 : https://stackoverflow.com/questions/43784202/how-t

2020년 10월 12일
·
0개의 댓글

[vue] vue-router 동적라우팅

react로 첫 프로젝트를 할 때 동적라우팅개념을 몰랐을 때, 어떻게 url에 따라 기본틀은 유지하면서 안의 내용물만 바꿀 수 있을지 굉장히 고민했었다. 그러다가 동적라우팅 개념을 알고나서 나름 혁신적인 경험을 했던 기억이 있다. vue에도 당연히 리액트와 같은 기능을

2020년 8월 30일
·
0개의 댓글
post-thumbnail

vue router로 데이터 전달하기

vue router로 데이터를 전달해봅시다.

2020년 6월 27일
·
0개의 댓글

Vue Router 특정 Component만 비활성화

라우터 이름이 home인 라우트만 제외하고 GoHome Component가 나타남 (라우터 이름이 home인 경우는 아래 컴포넌트 부분이 생략됨) v-if="$route.name !== '특정라우터이름'" 예시)

2020년 1월 16일
·
0개의 댓글

vue 채팅 애플리케이션 만들기 2 - vue router 적용하기

vue-router 를 사용해보자 1. 분석 다음 사진과 같이 2개의 화면이 필요하다. 메인화면 (경로: '/', 컴포넌트: Main.vue) 채팅화면 (경로: '/chat', 컴포넌트: Chat.vue) 스크린샷 2020-01-12 오후 10.36.42.png 2. vue-router를 설치한다. package.json을 확인해보면...

2020년 1월 12일
·
0개의 댓글