Skip to content

Commit

Permalink
Routing (#64)
Browse files Browse the repository at this point in the history
* Link to custom-elements-everywhere.com (vuejs#2039)

The site <https://custom-elements-everywhere.com> runs a suite of tests against a framework to
identify interoperability issues, and highlight potential fixes already implemented in other frameworks.

This is a great way to give more confidence while choosing Vue.

* Updated Nuxtent link (vuejs#2041)

* Fix wrong statement about arrow function and bound this (vuejs#2040)

* Fix wrong statement about arrow function and bound this

Stating that arrow functions are bound to it's parent `this` is wrong, arrow functions does not have a `this` at all. More: https://twitter.com/getify/status/1101521219243966466

* Update src/v2/guide/instance.md

Co-Authored-By: KadoBOT <ricardo.ambrogi@gmail.com>

* Update instance.md

Remove unnecessary `a`

* fix: routing translation

* fix: fixed, as suggested by @nusendra and @mazipan
  • Loading branch information
superpikar authored and mazipan committed Mar 8, 2019
1 parent 9d18a7c commit 461ab46
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions src/v2/guide/routing.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,13 @@ type: guide
order: 501
---

## Official Router
## *Router* Resmi

For most Single Page Applications, it's recommended to use the officially-supported [vue-router library](https://github.com/vuejs/vue-router). For more details, see vue-router's [documentation](https://router.vuejs.org/).
Bagi sebagian besar *Single Page Applications*, direkomendasikan untuk menggunakan [pustaka vue-router](https://github.com/vuejs/vue-router) yang resmi didukung VueJS. Lebih detailnya, lihat pada laman [dokumentasi](https://router.vuejs.org/) vue-router.

## Simple Routing From Scratch
## *Routing* Simpel dari Awal

If you only need very simple routing and do not wish to involve a full-featured router library, you can do so by dynamically rendering a page-level component like this:
Jika Anda hanya membutuhkan *routing* yang sangat simpel dan tidak melibatkan fitur lengkap dari pustaka *router*, Anda bisa melakukannya dengan me-render secara dinamis sebuah komponen yang berperan sebagai halaman seperti berikut :

``` js
const NotFound = { template: '<p>Page not found</p>' }
Expand All @@ -36,8 +36,8 @@ new Vue({
})
```

Combined with the HTML5 History API, you can build a very basic but fully-functional client-side router. To see that in practice, check out [this example app](https://github.com/chrisvfritz/vue-2.0-simple-routing-example).
Dikombinasikan dengan *HTML5 History API*, Anda dapat membuat *client-side router* yang sangat mendasar namun berfungsi penuh. Untuk melihat bagaimana cara mengimplementasikannya, silakan cek [contoh aplikasi ini](https://github.com/chrisvfritz/vue-2.0-simple-routing-example)

## Integrating 3rd-Party Routers
## Integrasi dengan *Router* pihak ketiga

If there's a 3rd-party router you prefer to use, such as [Page.js](https://github.com/visionmedia/page.js) or [Director](https://github.com/flatiron/director), integration is [similarly easy](https://github.com/chrisvfritz/vue-2.0-simple-routing-example/compare/master...pagejs). Here's a [complete example](https://github.com/chrisvfritz/vue-2.0-simple-routing-example/tree/pagejs) using Page.js.
Jika Anda lebih nyaman menggunakan pustaka *router* pihak ketiga, seperti [Page.js](https://github.com/visionmedia/page.js) or [Director](https://github.com/flatiron/director), integrasinya [mudah, tidak berbeda jauh](https://github.com/chrisvfritz/vue-2.0-simple-routing-example/compare/master...pagejs). Berikut ini [contoh lengkap](https://github.com/chrisvfritz/vue-2.0-simple-routing-example/tree/pagejs) menggunakan *Page.js*.

0 comments on commit 461ab46

Please sign in to comment.