라우터 생성자 옵션

routes

  • 자료형: Array<RouteConfig>

    RouteConfig에 대한 자료형 선언:

    declare type RouteConfig = {
      path: string;
      component?: Component;
      name?: string; // 이름을 가진 라우트를 위함
      components?: { [name: string]: Component }; // 이름을 가진 뷰를 위함
      redirect?: string | Location | Function;
      alias?: string | Array<string>;
      children?: Array<RouteConfig>; // 중첩된 라우트를 위함 routes
      beforeEnter?: (to: Route, from: Route, next: Function) => void;
      meta?: any;
    }

mode

  • 자료형: string

  • 기본값: "hash" (in browser) | "abstract" (in Node.js)

  • 유효 값: "hash" | "history" | "abstract"

    라우터 모드에 대한 설정입니다.

    • hash: 라우팅에 URL 해시를 사용합니다. HTML5 기록 API를 지원하지 않는 브라우저를 포함하여 모든 Vue 지원 브라우저에서 작동합니다.

    • history: HTML5 히스토리 API 및 서버 설정이 필요합니다. HTML5 History 모드를 확인하세요.

    • abstract: 모든 자바 스크립트 환경에서 작동합니다 (예: Node.js가 있는 서버 측 브라우저 API가없는 경우 라우터가 자동으로이 모드로 강제 전환됩니다.

base

  • 자료형: string

  • 기본값: "/"

    앱의 기본 URL입니다. 예를 들어, 전체 단일 페이지 응용 프로그램이 /app/하에 제공된다면base"/app/" 값을 사용해야합니다.

linkActiveClass

  • 자료형: string

  • 기본값: "router-link-active"

    전역의 <router-link> 기본 active 클래스를 설정하십시오. router-link를 확인하세요.

scrollBehavior

  • 자료형: Function

    서명:

    (
      to: Route,
      from: Route,
      savedPosition?: { x: number, y: number }
    ) => { x: number, y: number } | { selector: string } | ?{}

    Scroll 동작를 확인하세요.

results matching ""

    No results matching ""