maybe0725 / vue-router-navigation-guards-example

Vue Router Navigation Guards Example

Vue Router Navigation Guards Example.

참고

• Vue Router
• Vue-Router - 라우터 네비게이션 가드
• (중급) Vue.js 라우터 네비게이션 가드 알아보기

Vue CLI 프로젝트 생성

# Vue CLI 프로젝트 생성
# vue create <project_name>
$ vue create vue-router-navigation-guards-example

Vue CLI v3.11.0
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a linter / formatter config: Prettier
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)Lint on save
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No

# vue-router-navigation-guards-example directory 이동
$ cd vue-router-navigation-guards-example

# project run
$ npm run serve