Nuxt.js nuxt-link 와 router-link 의 차이 점 설명

머리말
Nuxt.js 를 사용 할 때 이런 문제 가 발생 할 수 있 습 니까?
요청 페이지 를 열 었 을 때 모든 페이지 가 요청 되 었 습 니 다.

이것 이 바로구성 요소 의 모든 특성 입 니 다.
우선 라 우 터 링크 를 말씀 드 리 겠 습 니 다.router-link는 vue 프로젝트 가 경로 기능 을 가 진 응용 클릭 구성 요소 입 니 다.nuxt-link먼저 공식 api 소개를 보 겠 습 니 다.

공식 적 으로 말 한 바 와 같이의 사용 방식 과 용도는 일치 합 니 다.
그러나 앞으로 우 리 는구성 요소 에 더 많은 기능 특성 을 추가 할 것 입 니 다.예 를 들 어 자원 사전 로드 는 nuxt.js 응용 응답 속 도 를 향상 시 키 는 데 사 용 될 것 입 니 다.
이 글 을 쓸 때,nuxt.js 정 부 는 이미 그것 이 말 한 미래 기능 특성 을 실현 하 였 다.API 문서 가 제때에 업데이트 되 지 않 았 을 수도 있 습 니 다!
그래서 특성 은 위 에 있 는 문제 와 같다.
xxx를 사용 할 때 링크 된 페이지 자원 을 불 러 옵 니 다.

자원 을 미리 불 러 오기 때문에 nuxt.js 응용 응답 속 도 를 향상 시 킵 니 다.
총결산
페이지 를 옮 길 때 이 페이지 를 미리 불 러 올 때를 사용 할 수 있 습 니 다.
페이지 를 이동 하려 면 이 페이지 를 비동기 로 불 러 올 때를 사용 할 수 있 습 니 다.
this.$router api 를 사용 하 십시오.
보충 지식:nuxt 에서 알 아야 할 점 은 nuxt-link 와 a 태그 의 차이 점 입 니 다.
nuxt 프로젝트 에서 두 가지 방식 으로 경로 전환 을 할 수 있 습 니 다.
1.nuxt-link 태그 사용
카 트
2,사용 a 태그
카 트
이 두 개의 차 이 는?
nuxt-link 는 현재 시스템 에서 불 러 옵 니 다.
a 는 다른 페이지 를 여 는 것 과 같다.
특히 vuex 를 사용 하여 데이터 바 인 딩 을 할 때 nuxt-link 를 사용 하여 다른 페이지 로 전환 하면 데이터 의 변 화 를 느끼 지 않 고 a 데 이 터 를 사용 하면 잠시 멈 추 었 다가 다시 표시 합 니 다.
이상 의 Nuxt.js nuxt-link 와 router-link 의 차이 점 설명 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기