vue 2 노트-vue-router 로 케 일 로 딩 의 실현

1093 단어 vuerouter
웹 응용 프로그램 에서 시스템 의 병목 은 항상 시스템 의 응답 속도 에 있다.시스템 응답 속도 가 너무 느 리 면 사용자 들 이 원망 하고 시스템 의 가치 도 크게 떨어진다.따라서 시스템 응답 속 도 를 높이 는 것 이 중요 하 다.
게 으 른 로드(Load On Demand)는 독특 하고 강력 한 데이터 획득 방법 으로 사용자 가 페이지 를 굴 릴 때 자동 으로 더 많은 데 이 터 를 얻 을 수 있 으 며,새로 얻 은 데 이 터 는 기 존 데이터 의 표시 에 영향 을 주지 않 으 며,서버 측의 자원 소 모 를 최대한 줄 일 수 있다.
vue.js 로 단일 페이지 를 작성 할 때 포 장 된 JavaScript 패키지 가 매우 커서 페이지 로 딩 에 영향 을 줄 수 있 습 니 다.우 리 는 경로 의 게 으 른 로 딩 을 이용 하여 이 문 제 를 최적화 할 수 있 습 니 다.우리 가 특정한 경로 에 사용 한 후에 야 해당 하 는 구성 요 소 를 불 러 올 수 있 습 니 다.그러면 더욱 효율 적 이 고 실제 현대 코드 는 다음 과 같 습 니 다.

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
 routes: [
  {
   path: '/',
   component: resolve => require(['components/Hello.vue'], resolve)
  },
  {
    path: '/about',
    component: resolve => require(['components/About.vue'], resolve)
  }
 ]
})
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
Python 파일 의 마지막 n 줄 을 읽 는 방법
PHP Callable 에서 리 셋 형식 을 강제로 지정 하 는 방법

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

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