beforeEnter 사용법 2가지

방법 1. 

1-1 . 함수를 변수로 넣어놓고  const spinner = (to, from, next) => {    bus.$emit("start:spinner");   store     .dispatch("FETCH_LIST", to.name)     .then(() => {       bus.$emit("end:spinner");       next();     })     .catch((err) => {       console.log(err);     }); };   1-2. 해당 컴포넌트 위치에 변수넣어주기 const routes = [   {     path: "/news",     name: "news",     component: () => import("@/views/NewsView"),     beforeEnter: spinner,   }, ]

 

방법 2. 

2. 해당 컴포넌트에 바로 넣어주기 const routes = [ {     path: "/news",     name: "news",     component: () => import("@/views/NewsView"),     beforeEnter: (to, from, next) => {       console.log(to, from, next);       bus.$emit("start:spinner");       store         .dispatch("FETCH_LIST", to.name)         .then(() => {           bus.$emit("end:spinner");           next();         })         .catch((err) => {           console.log(err);         });     },   }, ]