diff --git a/docs/en/advanced/data-fetching.md b/docs/en/advanced/data-fetching.md
index 1bd472153..3bb8ae9d9 100644
--- a/docs/en/advanced/data-fetching.md
+++ b/docs/en/advanced/data-fetching.md
@@ -55,7 +55,7 @@ export default {
fetchData () {
this.error = this.post = null
this.loading = true
- // replace getPost with your data fetching util / API wrapper
+ // replace `getPost` with your data fetching util / API wrapper
getPost(this.$route.params.id, (err, post) => {
this.loading = false
if (err) {
diff --git a/docs/en/advanced/lazy-loading.md b/docs/en/advanced/lazy-loading.md
index 949e9d912..5ea1b055f 100644
--- a/docs/en/advanced/lazy-loading.md
+++ b/docs/en/advanced/lazy-loading.md
@@ -2,14 +2,14 @@
When building apps with a bundler, the JavaScript bundle can become quite large, and thus affect the page load time. It would be more efficient if we can split each route's components into a separate chunk, and only load them when the route is visited.
-Combining Vue's [async component feature](http://vuejs.org/guide/components.html#Async-Components) and Webpack's [code splitting feature](https://webpack.js.org/guides/code-splitting-require/), it's trivially easy to
+Combining Vue's [async component feature](http://vuejs.org/guide/components.html#Async-Components) and webpack's [code splitting feature](https://webpack.js.org/guides/code-splitting-require/), it's trivially easy to
lazy-load route components.
All we need to do is define our route components as async components:
``` js
const Foo = resolve => {
- // require.ensure is Webpack's special syntax for a code-split point.
+ // `require.ensure` is webpack's special syntax for a code-split point.
require.ensure(['./Foo.vue'], () => {
resolve(require('./Foo.vue'))
})
@@ -42,4 +42,4 @@ const Bar = r => require.ensure([], () => r(require('./Bar.vue')), 'group-foo')
const Baz = r => require.ensure([], () => r(require('./Baz.vue')), 'group-foo')
```
-Webpack will group any async module with the same chunk name into the same async chunk - this also means we don't need to explicitly list dependencies for `require.ensure` anymore (thus passing an empty array).
+webpack will group any async module with the same chunk name into the same async chunk - this also means we don't need to explicitly list dependencies for `require.ensure` anymore (thus passing an empty array).
diff --git a/docs/en/advanced/transitions.md b/docs/en/advanced/transitions.md
index d6595b23b..495f6bee2 100644
--- a/docs/en/advanced/transitions.md
+++ b/docs/en/advanced/transitions.md
@@ -45,7 +45,7 @@ It is also possible to determine the transition to use dynamically based on the
``` js
// then, in the parent component,
-// watch the $route to determine the transition to use
+// watch the `$route` to determine the transition to use
watch: {
'$route' (to, from) {
const toDepth = to.path.split('/').length
diff --git a/docs/en/api/route-object.md b/docs/en/api/route-object.md
index 61590f724..70abb4f2c 100644
--- a/docs/en/api/route-object.md
+++ b/docs/en/api/route-object.md
@@ -16,7 +16,7 @@ The route object can be found in multiple places:
``` js
router.beforeEach((to, from, next) => {
- // to and from are both route objects
+ // `to` and `from` are both route objects
})
```
@@ -25,7 +25,7 @@ The route object can be found in multiple places:
``` js
const router = new VueRouter({
scrollBehavior (to, from, savedPosition) {
- // to and from are both route objects
+ // `to` and `from` are both route objects
}
})
```
diff --git a/docs/en/api/router-link.md b/docs/en/api/router-link.md
index ff5423de9..82c49770a 100644
--- a/docs/en/api/router-link.md
+++ b/docs/en/api/router-link.md
@@ -26,10 +26,10 @@
Home
-
+
Home
-
+
Home
@@ -38,7 +38,7 @@
User
-
+
Register
```
@@ -103,7 +103,7 @@
One consequence of this is that `` will be active for every route! To force the link into "exact match mode", use the `exact` prop:
``` html
-
+
```