Nuxt.js nuxt-link 와 router-link 의 차이 점 설명
1903 단어 Nuxtnuxt-linkrouter-link
Nuxt.js 를 사용 할 때 이런 문제 가 발생 할 수 있 습 니까?
요청 페이지 를 열 었 을 때 모든 페이지 가 요청 되 었 습 니 다.
이것 이 바로
우선 라 우 터 링크 를 말씀 드 리 겠 습 니 다.
router-link
nuxt-link
먼저 공식 api 소개공식 적 으로 말 한 바 와 같이
그러나 앞으로 우 리 는
이 글 을 쓸 때,nuxt.js 정 부 는 이미 그것 이 말 한 미래 기능 특성 을 실현 하 였 다.API 문서 가 제때에 업데이트 되 지 않 았 을 수도 있 습 니 다!
그래서 특성 은 위 에 있 는 문제 와 같다.
자원 을 미리 불 러 오기 때문에 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 의 차이 점 설명 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Nuxt 구성 Element-UI 필요에 따라 도입Nuxt가create-nuxt-app을 사용하여 프로젝트를 만들 때 Element-UI를 기본 구성 요소 라이브러리로 선택하면 Nuxt가 Element-UI의 필요에 따라 설정을 도입하지 않고 스스로 설정해야 합니다...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.