File tree 3 files changed +1243
-0
lines changed
3 files changed +1243
-0
lines changed Original file line number Diff line number Diff line change
1
+ # Work in Progress!
2
+
3
+ Note: ` vue-router ` only supports Vue 0.12+.
4
+
5
+ ### Basic Example
6
+
7
+ ``` js
8
+ var Vue = require (' vue' )
9
+ var Router = require (' vue-router' )
10
+
11
+ Vue .use (Router)
12
+
13
+ var app = new Vue ({
14
+ template:
15
+ ' <h1>App</h1>' +
16
+ ' <router-view></router-view>' , // <-- outlet
17
+ components: {
18
+ ' view-a' : {
19
+ template:
20
+ ' <h2>View A</h2>' +
21
+ ' <router-view></router-view>' , // <-- nested outlet
22
+ components: {
23
+ subComponent: { /* ... */ }
24
+ }
25
+ },
26
+ ' view-b' : { /* ... */ }
27
+ }
28
+ })
29
+
30
+ var router = new Router ()
31
+
32
+ router .map ({
33
+ ' /route-a' : {
34
+ component: ' view-a' , // <-- rendered to outlet when '/route-a'
35
+ // is matched.
36
+ subRoutes: {
37
+ ' /sub-route' : {
38
+ component: ' subComponent' // <-- rendered into nested outlet
39
+ // when '/route-a/sub-route' is
40
+ // matched.
41
+ }
42
+ }
43
+ },
44
+ ' /route-b' : {
45
+ component: ' view-b'
46
+ }
47
+ })
48
+
49
+ router .start (app)
50
+ ```
You can’t perform that action at this time.
0 commit comments