diff --git a/docs/en/essentials/getting-started.md b/docs/en/essentials/getting-started.md index 1e93f140f..8b826aa12 100644 --- a/docs/en/essentials/getting-started.md +++ b/docs/en/essentials/getting-started.md @@ -65,6 +65,29 @@ const app = new Vue({ // Now the app has started! ``` -You can also check out this example [live](https://jsfiddle.net/yyx990803/xgrjzsup/). +By injecting the router, we get access to it as `this.$router` as well as the current route as `this.$route` inside of any component: + +```js +// Home.vue +export default { + computed: { + username () { + // We will see what `params` is shortly + return this.$route.params.username + } + }, + methods: { + goBack () { + window.history.length > 1 + ? this.$router.go(-1) + : this.$router.push('/') + } + } +} +``` + +Throughout the docs, we will often use the `router` instance. Keep in mind that `this.$router` is exactly the same as using `router`. The reason we use `this.$router` is because we don't want to import the router in every single component that needs to manipulate routing. + +You can also check out this example [live](http://jsfiddle.net/yyx990803/xgrjzsup/). Notice that a `` automatically gets the `.router-link-active` class when its target route is matched. You can learn more about it in its [API reference](../api/router-link.md).