vue-router 2.0 상용 기초 지식 점 의 네 비게 이 션 갈고리

1483 단어 vuerouter네 비게 이 션 갈고리
네 비게 이 션 갈고리
vue-router 가 제공 하 는 네 비게 이 션 갈 고 리 는 주로 네 비게 이 션 을 차단 하여 점프 를 완성 하거나 취소 하 는 데 사용 된다.경로 내 비게 이 션 이 발생 할 때 갈 고 리 를 실행 할 수 있 는 여러 가지 방식 이 있 습 니 다.전체 적 으로 하나의 경로 가 독점 적 이거 나 구성 요소 급 입 니 다.
전역 갈고리

const router = new VueRouter({ ... })
router.beforeEach((to, from, next) => {
  // do something 
  next();
});

router.afterEach((to, from, next) => {
  console.log(to.path);
});
각 갈고리 방법 은 세 개의 인 자 를 받는다.
  • to:Route:곧 들 어 갈 목표[경로 대상]
  • from:경로:현재 내 비게 이 션 이 떠 나 려 는 경로
  • next:Function:이 방법 으로 이 갈 고 리 를 해결 해 야 합 니 다.실행 효 과 는 next
    • 에 의존 합 니 다.
    방법의 호출 매개 변수.
  • next():파이프 의 다음 갈 고 리 를 진행 합 니 다.모든 갈고리 가 실행 되면 내 비게 이 션 의 상 태 는 confirmed(확인)입 니 다.
  • next(false):현재 내 비게 이 션 을 중단 합 니 다.브 라 우 저의 URL 이 변경 되면(사용자 가 수 동 또는 브 라 우 저 후퇴 버튼 일 수 있 음)URL 주 소 는 from
    • 으로 초기 화 됩 니 다.
  • 경로 에 대응 하 는 주소.
  • next('/')또는 next({path:'/'}):다른 주소 로 이동 합 니 다.현재 내 비게 이 션 이 중 단 된 후에 새로운 내 비게 이 션 을 진행 합 니 다.
    • next 방법 을 사용 해 야 합 니 다.그렇지 않 으 면 갈고리 가 resolved 되 지 않 습 니 다.
    구성 요소 내의 갈고리
    
let fromPath = '';
export default{
  beforeRouteEnter (to, from, next) {
     //              confirm    
     //  ！ ！       `this`
     //         ，         
     fromPath = from.path;
     next();
  },
}
    이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
    CodeIgniter 정적 페이지 생 성 방법
    JavaScript 는 readAsDataURL 을 사용 하여 이미지 파일 을 읽 습 니 다.

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage