vue+webpack 비동기 로딩 방법 요약

이번에는 vue+webpack의 비동기 로딩 방식에 대해 정리해보겠습니다. vue+webpack의 비동기 로딩 주의사항은 무엇인가요?

1 비동기 컴포넌트 로딩을 구현하기 위한 vue+webpack의 코드를 소개하겠습니다. 구체적인 코드는 다음과 같습니다.

HTML

const Home = resolve => {
  import("@/components/home/home.vue").then( module => {
      resolve(module)
  }
}

JS

export default [{
  path: '/home',
  name:'home',
  component: Home,
  meta: {
    requireAuth: true, // 添加该属性可以判断出该页面是否需要登录显示
  },
}]

에서 사례를 읽으신 후 메소드를 마스터하셨으리라 믿습니다. 이 기사에서 더 흥미로운 내용을 보려면 PHP에 주목하세요.

추천 자료: vue 라우터는 모든 하위 경로를 독립적인 구성 요소로 분리합니다

vue.js 프런트엔드 및 백엔드 데이터 상호 작용 단계에 대한 자세한 설명

위 내용은 vue+webpack 비동기 로딩 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!