네비게이션 가드 및 플러그인 관련 질문입니다.
안녕하세요.
강의 매우 잘 듣고 있습니다. 감사합니다.
수강 중 질문이 있는데요.
1.실전편, 네비게이션 가드 설명 중
beforeEnter: [removeQueryString],위와 같이 beforeEnter를 배열로 연결해서 여러개의 가드를 연결할 수 있는 것 같은데,
이렇게 배열로 연결할 수 있는 이유는 무엇인가요? 하나의 메서드만 연결할 수 있을 것 같은데 말이죠...
2. 플러그인 기능을 활용한 글로벌 컴포넌트 생성 중 unplugin-vue-components 에 대해 소개해 주셨는데 혹시 이 모듈은 실제 프로젝트에서 사용해도 될 만큼 안정성이 있는 것인지 궁금합니다.
감사합니다.
回答 1
0
안녕하세요 🙂
여러개의 함수를 전달하여 실행할 수도 있습니다.
function removeQueryParams(to) { if (Object.keys(to.query).length) return { path: to.path, query: {}, hash: to.hash } } function removeHash(to) { if (to.hash) return { path: to.path, query: to.query, hash: '' } } const routes = [ { path: '/users/:id', component: UserDetails, beforeEnter: [removeQueryParams, removeHash], }, { path: '/about', component: UserDetails, beforeEnter: [removeQueryParams], }, ]이렇게 하면 다른 경로(ex:
/users/:id,/about)에 가드(ex:removeQueryParams())를 재사용할 때 유용합니다.
공식문서 참고링크저도 아직 운영환경에 적용은 안해봤어요. 하지만 개인 프로젝트를 할 때 혼자서 하다보니 상용구 하나라도 줄이고 싶다고 절실히 느낄때가 있어서요. 개인 프로젝트에 적용해보려고 고려하고 있습니다. (눈여겨 보고 있는 플러그인 이에요 👀)
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
37
2
강의듣다가 헷갈려서 질문드립니다.
0
31
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
32
1
질문드립니다.
0
32
2
라우터 인스톨 후 실행안됨
1
49
2
코드 자동 포매팅 질문
0
68
2
필터 watchEffect 질문입니다.
0
50
1
json-server 오류가 다른게 뜨네요
0
113
1
미리보기가 안됩니당...
0
69
2
unplugin-vue-components
0
81
2
TypeError 질문
0
52
1
v-model="show" :show="show" 같이 사용?
1
57
1
hash 모드 배포의 필요성?
0
61
2
.eslintrc.cjs 가 없습니다
0
95
2
title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.
0
98
3
_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.
0
64
1
@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.
0
71
2
중첩된 컴포넌트 문제
0
75
2
교안에 있는 부분이 아닌가요?
0
109
2
useAxios Proxy(Object) RefImpl
0
113
1
axios timeout
0
328
3
강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.
0
122
2
컴포넌트 분리 부분에서 오류가 나요ㅠㅠ
0
167
2