# vue router

24개의 포스트
post-thumbnail

[Vue] vue-router 사용하기

직접 폴더와 파일을 생성해도 된다.1\. router 폴더 생성2\. index.js 파일 생성import Vue from "vue";import VueRouter from "vue-router";import HelloWorld from '@/components/Hel

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

Vue+Vuetify+Vue-Router 시작하기 - 3

다른거 할줄모르고 그냥 남자답게 vue-cli로 설치할거임.끝.(위에서 나온 preview로 설치했다가 vite.js가 뭔지 몰라서 한참 헤맴 디폴트로 빠르게 넘어가자.)설치가 완료되면 해당 메세지가 뜬다.그리고 뷰티파이를 설치하고나면 우렁각시가 내가 쓰지도 않은 코드

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

Vue+Vuetify+Vue-Router 시작하기 - 2

잉여주제에 기억이 소거되는 시간도 빠른 메모리를 가진 나님은 역시 갓 구글님께서 인수하신 유투브의 컨텐츠들을 참고하여 많은 지식을 습득할 수 있었다. 하지만 기억이 소거되는 시간이 TLC 보다 빠른 나의 두뇌는 휘발성 메모리인지라 이것을 장기간 담아내기 어려워 이 블로

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

Vue+Vuetify+Vue-Router 시작하기 - 1

Vuetify는 현재 vue 3 버전에서 동작하지 않아 부득이하게 vue 2 버전으로 시작해야함."The current version of Vuetify does not support Vue 3. Support for Vue 3 will come with the rel

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

Vue.js 인프런 강의 - 섹션 5. '라우터 기본' 까지 진행

node.js 를 윈도우 또는 맥 또는 우분투 설치 VScode 플러그인 설치Vetur, TSLint, ESLint, Auto Close Tag, Material Icon Theme, Night Owl(개인적으로는 비추천), Live Server참고할 Vue 스타일 가

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

vuejs를 이용한 모바일 웹 프론트 엔드 구축기 (4)

Vue를 이용한 모바일 웹 프론트엔드 구축에 있어서 화면 전환과 관련된 vue-router의 셋팅법에 대해서 알아봅시다.

2021년 5월 18일
·
0개의 댓글

2021.04.29

position: absolute; right: 0;을 통해서 오른쪽에 정렬시키면 된다.적용한 소스lengthen 클래스를 가진 엘리먼트는 길이가 0px에서 200px까지 증가한다.참고트랜지션이 안먹히는 이유오른쪽에서 시작해서 왼쪽으로 길어지는 트랜지션 적용하기CSS

2021년 4월 29일
·
0개의 댓글
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-

2021년 1월 27일
·
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일
·
1개의 댓글
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개의 댓글

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개의 댓글