1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
# Optionen des Router-Konstruktors
### routes
- Typ: `Array<RouteConfig>`
Typendeklaration für `RouteConfig`:
``` js
declare type RouteConfig = {
path: string;
component?: Component;
name?: string; // für benannte Routes
components?: { [name: string]: Component }; // für benannte Views
redirect?: string | Location | Function;
alias?: string | Array<string>;
children?: Array<RouteConfig>; // für Verschachtelte Routes
beforeEnter?: (to: Route, from: Route, next: Function) => void;
meta?: any;
}
```
### mode
- Typ: `string`
- Default: `"hash" (in browser) | "abstract" (in Node.js)`
- verfügbare Werte: `"hash" | "history" | "abstract"`
Bestimmt den Router-Mode.
- `hash`: Nutzt den URL-Hash für das Routing. Funktioniert in allen Vue-unterstützten Browsern, inklusive derer, die die HTML5 Verlaufs-API nicht unterstützen.
- `history`: Benötigt die HTML5 Verlaufs-API und Serverkonfiguration. Siehe [HTML5 Verlaufsmodus](../essentials/history-mode.md).
- `abstract`: Funktioniert in jeder JavaScript-Umgebung, zB. serverseitig mit Node.js. **Der Router wird automatisch in diesen Modus gezwungen, wenn keine Browser-API vorhanden ist.**
### base
- Typ: `string`
- Default: `"/"`
Die Basis-URL der App. Läuft zum Beispiel die gesamte Single-Page-Applikation unter `/app`, sollte `base` den Wert `"/app"` haben.
### linkActiveClass
- Typ: `string`
- Default: `"router-link-active"`
Definiert global den Namen der "active" Klasse für `<router-link>`. Siehe auch [router-link](router-link.md).
### scrollBehavior
- Typ: `Function`
Signatur:
```
(
to: Route,
from: Route,
savedPosition?: { x: number, y: number }
) => { x: number, y: number } | { selector: string } | ?{}
```
Für mehr Details siehe [Scroll-Verhalten](../advanced/scroll-behavior.md).
|
