@@ -91,8 +91,8 @@ const Foo = {
91
91
beforeRouteUpdate (to , from , next ) {
92
92
// called when the route that renders this component has changed,
93
93
// but this component is reused in the new route.
94
- // For example, for a route with dynamic params /foo/:id, when we
95
- // navigate between /foo/1 and /foo/2, the same Foo component instance
94
+ // For example, for a route with dynamic params ` /foo/:id` , when we
95
+ // navigate between ` /foo/1` and ` /foo/2` , the same ` Foo` component instance
96
96
// will be reused, and this hook will be called when that happens.
97
97
// has access to `this` component instance.
98
98
},
@@ -120,14 +120,14 @@ You can directly access `this` inside `beforeRouteLeave`. The leave guard is usu
120
120
121
121
### The Full Navigation Resolution Flow
122
122
123
- 1 . Navigation triggered
124
- 2 . Call leave guards in deactivated components
125
- 3 . Call global ` beforeEach ` guards
126
- 4 . Call ` beforeRouteUpdate ` guards in reused components (2.2+)
127
- 5 . Call ` beforeEnter ` in route configs
128
- 6 . Resolve async route components
129
- 7 . Call ` beforeRouteEnter ` in activated components
130
- 8 . Call global ` beforeResolve ` guards (2.5+)
123
+ 1 . Navigation triggered.
124
+ 2 . Call leave guards in deactivated components.
125
+ 3 . Call global ` beforeEach ` guards.
126
+ 4 . Call ` beforeRouteUpdate ` guards in reused components (2.2+).
127
+ 5 . Call ` beforeEnter ` in route configs.
128
+ 6 . Resolve async route components.
129
+ 7 . Call ` beforeRouteEnter ` in activated components.
130
+ 8 . Call global ` beforeResolve ` guards (2.5+).
131
131
9 . Navigation confirmed.
132
132
10 . Call global ` afterEach ` hooks.
133
133
11 . DOM updates triggered.
0 commit comments