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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
# Options de construction du routeur
### routes
- type: `Array<RouteConfig>`
Déclaration de type pour `RouteConfig` :
``` js
declare type RouteConfig = {
path: string;
component?: Component;
name?: string; // pour les routes nommées
components?: { [name: string]: Component }; // pour les vues nommées
redirect?: string | Location | Function;
props?: boolean | string | Function;
alias?: string | Array<string>;
children?: Array<RouteConfig>; // pour les routes imbriquées
beforeEnter?: (to: Route, from: Route, next: Function) => void;
meta?: any;
// 2.6.0+
caseSensitive?: boolean; // use case sensitive match? (default: false)
pathToRegexpOptions?: Object; // path-to-regexp options for compiling regex
}
```
### mode
- type : `string`
- défaut : `"hash" (dans le navigateur) | "abstract" (en Node.js)`
- valeurs disponibles : `"hash" | "history" | "abstract"`
Configure le mode du routeur.
- `hash` : utilise le hash de l'URL pour le routage. Fonctionne dans tous les navigateurs supportés par Vue, ainsi que ceux qui ne supportent pas l'API History d'HTML5.
- `history` : nécessite l'API History d'HTML 5 et la configuration du serveur. Voir [Mode historique de HTML5](../essentials/history-mode.md).
- `abstract` : fonctionne dans tous les environnements JavaScript, ex. côté serveur avec Node.js. **Le routeur sera automatiquement forcé d'utiliser ce mode si aucune API navigateur n'est présente.**
### base
- type : `string`
- défaut : `"/"`
L'URL de base de l'application. Par exemple, si l'application monopage entière est distribuée sous `/app/`, alors `base` doit utiliser la valeur `"/app/"`.
### linkActiveClass
- type : `string`
- défaut : `"router-link-active"`
Configure de manière globale la classe active par défaut de `<router-link>`. Voir aussi [router-link](router-link.md).
### linkExactActiveClass
> 2.5.0+
- type : `string`
- default : `"router-link-exact-active"`
Configure de manière globale la classe active par défaut de `<router-link>` lors d'une correspondance exacte. Voir aussi [router-link](router-link.md).
### scrollBehavior
- type : `Function`
Signature :
```
type PositionDescriptor =
{ x: number, y: number } |
{ selector: string } |
?{}
type scrollBehaviorHandler = (
to: Route,
from: Route,
savedPosition?: { x: number, y: number }
) => PositionDescriptor | Promise<PositionDescriptor>
```
Pour plus de détails, voir [Comportement du Scroll](../advanced/scroll-behavior.md).
### parseQuery / stringifyQuery
> 2.4.0+
- type : `Function`
Permettent de spécifier des fonctions personnalisées pour formater en objet ou en chaîne de caractères la requête. Surcharge les fonctions par défaut.
### fallback
> 2.6.0+
- type : `boolean`
Contrôle comment le routeur devrait passer en mode `hash` quand le navigateur ne supporte pas `history.pushState`. Par défaut à `true`.
Passer cette valeur à `false` va essentiellement faire que la navigation via `router-link` va réclamer un rechargement de page dans IE9. Ceci est utile quand l'application est rendue côté serveur et à besoin de fonctionner dans IE9, car le mode hash ne fonctionne pas avec du SSR.
|
