Vue 라우팅 기초 및 활용
1. 라우팅 기초 설정
npm 패키지 설치: npm install --save vue-router
로더 구성 예시:
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({
routes: [
{ path: '/greeting', component: Greeting }
]
})
new Vue({
el: '#app',
router,
components: { App },
template: ''
})
App.vue 구성 요소:
<template& ...
6월 24일 20:54에 게시됨
vue-element-admin 학습 노트 - 권한 처리 및 커스텀 레이아웃 구현
사이드바 동적 생성은 전달된 라우팅 정보를 기반으로 결정됩니다. 소스코드 내부 구조가 복잡해 별도로 정리할 예정입니다.
권한 처리 및 레이아웃 구성
프로세스 개요
페이지 초기화 시 페이지 로딩, 메뉴 생성, 사용자 권한 확인 등 여러 단계가 포함됩니다. 다음 사항을 고려해야 합니다:
로그인 성공 시 NProgress를 통해 토큰을 획득하고 유효성 검증 수행
사용 ...
6월 12일 17:12에 게시됨
Vue.js 기반 관리자 패널에서 탭 네비게이션 구현 및 라우트 캐싱 전략
Vue.js와 Element UI를 기반으로 한 관리자 대시보드에서 탭 기반 네비게이션(TagsView)을 구현할 때, 사용자가 방문한 페이지를 시각적으로 유지하고 컴포넌트 상태를 효율적으로 캐싱하는 것은 중요한 요구사항이다. 이 기능은 주로 keep-alive와 Vue Router의 조합을 통해 실현되며, Vuex를 활용해 상태를 중앙에서 관리한다.
visitedViews 와 cachedViews: 두 가 ...
6월 5일 23:30에 게시됨