Skip to content

Latest commit

 

History

History
102 lines (62 loc) · 3.5 KB

options.md

File metadata and controls

102 lines (62 loc) · 3.5 KB

ルーターコンストラクタオプション

routes

  • 型: Array<RouteConfig>

    RouteConfig の型宣言:

    declare type RouteConfig = {
  path: string;
  component?: Component;
  name?: string; // 名前付きルート用
  components?: { [name: string]: Component }; // 名前付き view 用
  redirect?: string | Location | Function;
  props?: boolean | string | Function;
  alias?: string | Array<string>;
  children?: Array<RouteConfig>; // ネストされたルート用
  beforeEnter?: (to: Route, from: Route, next: Function) => void;
  meta?: any;

  // 2.6.0+
  caseSensitive?: boolean; // センシティブマッチをケースとして使用するかどうか? (デフォルト: false)
  pathToRegexpOptions?: Object; // 正規表現のコンパイルとして path-to-regexp オプション
}

mode

  • 型: string

  • デフォルト: "hash" (in browser) | "abstract" (in Node.js)

  • 利用可能な値: "hash" | "history" | "abstract"

    ルーターモードの設定。

    • hash: ルーティングに URL hash を使います。HTML5 History API をサポートしていないブラウザ含めて、全ての Vue がサポートしているブラウザで動作します。

    • history: HTML5 History API とサーバーの設定が必要です。HTML5 History モード を参照してください。

    • abstract: 全ての JavaScript の環境で動作します。 e.g. Node.js を使ったサーバーサイド。 もしブラウザの API が存在しない場合、ルーターは自動的にこのモードに強制されます。

base

  • 型: string

  • デフォルト: "/"

    アプリケーションのベース URL です。例えば、 /app/ 配下で完全なシングルページアプリケーションを提供する場合、 base は "/app/" の値が使われるべきです。

linkActiveClass

  • 型: string

  • デフォルト: "router-link-active"

    グローバルに設定される <router-link> のデフォルトのアクティブクラスです。こちらの router-link も参照してください。

linkExactActiveClass

2.5.0+

  • 型: string

  • デフォルト: "router-link-exact-active"

    完全一致に対してグローバルな <router-link> デフォルトアクティブクラスを設定します。router-link も参照してください。

scrollBehavior

  • 型: Function

    シグネチャ:

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

    より詳細については スクロールの振る舞い を参照してください。

parseQuery / stringifyQuery

2.4.0+

  • 型: Function

    カスタムクエリ構文解析関数 / 文字列化関数を提供します。デフォルトを上書きします。

fallback

2.6.0+

  • 型: boolean

    ブラウザが history.pushState をサポートしないとき、 ルーターが hash モードにフォールバックかどうか制御します。デフォルトは true

    これを false に設定すると、本質的に全ての router-link ナビゲーションが IE9 においてフルページリフレッシュになります。これは、サーバサイドレンダリングでハッシュモードの URL が機能しないため、IE9 で動作する必要がある場合に便利です。