네비게이션 가드 및 플러그인 관련 질문입니다.

안녕하세요 🙂

1. 여러개의 함수를 전달하여 실행할 수도 있습니다.

   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())를 재사용할 때 유용합니다.
   공식문서 참고링크

2. 저도 아직 운영환경에 적용은 안해봤어요. 하지만 개인 프로젝트를 할 때 혼자서 하다보니 상용구 하나라도 줄이고 싶다고 절실히 느낄때가 있어서요. 개인 프로젝트에 적용해보려고 고려하고 있습니다. (눈여겨 보고 있는 플러그인 이에요 👀)