Skip to content

Translated 'routing.md' #29

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 24 commits into from
Aug 27, 2020
Merged
Changes from 1 commit
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
4d887d0
Translate routing.md to Arabic
HouariZegai Aug 14, 2020
c7a467a
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
4bf9fc2
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
f1b4a06
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
72f7264
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
56e7a08
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
c4302fa
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
47b8ba8
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
6e7d5ac
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
5bdc32a
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
11d633e
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
c2c47a0
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
c254e66
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
4094408
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
436e2cb
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
bb3838d
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
51c4cab
Update src/v2/guide/routing.md
HouariZegai Aug 14, 2020
af3453a
Update src/v2/guide/routing.md
HouariZegai Aug 15, 2020
daa4fd2
Update src/v2/guide/routing.md
HouariZegai Aug 22, 2020
ec7872c
Update src/v2/guide/routing.md
HouariZegai Aug 22, 2020
3ae851a
Update src/v2/guide/routing.md
HouariZegai Aug 22, 2020
02ef451
Update src/v2/guide/routing.md
HouariZegai Aug 22, 2020
9acd8c2
Update src/v2/guide/routing.md
HouariZegai Aug 22, 2020
7d8e380
Update routing.md
HouariZegai Aug 22, 2020
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 19 additions & 10 deletions src/v2/guide/routing.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,20 @@
---
title: Routing
type: guide
title: الموجه
type: ارشاد
order: 501
---

## Official Router
<h2 dir="rtl">الموجه الرسمي</h2>

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/).
<p dir="rtl">
بالنسبة لمعظم تطبيقات الصفحة الواحدة ، يوصى باستخدام تنسيق <a href="https://github.com/vuejs/vue-router">مكتبة vue-router</a>. للمزيد من التفاصيل, انظر إلى <a href="https://router.vuejs.org">توثيق</a> vue-router
</p>

## Simple Routing From Scratch
<h2 dir="rtl">موجه بسيط من الصفر</h2>

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:
<p dir="rtl">
إذا كنت تحتاج فقط إلى موجه بسيط للغاية ولا ترغب في تضمين مكتبة التوجيه كاملة الميزات ، فيمكنك القيام بذلك عن طريق عرض مكون على مستوى الصفحة ديناميكيًا مثل هذا:
</p>

``` js
const NotFound = { template: '<p>Page not found</p>' }
Expand All @@ -36,8 +40,13 @@ 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).
<p dir="rtl">
بالاقتران مع HTML5 History API ، يمكنك إنشاء موجه أساسي جدًا ولكنه يعمل بكامل طاقته من جانب العميل. لمعرفة ذلك عمليًا ، تحقق من <a href="https://github.com/chrisvfritz/vue-2.0-simple-routing-example">مثال التطبيق هذا</a>
</p>

## Integrating 3rd-Party Routers

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.
<h2 dir="rtl">دمج أجهزة توجيه الطرف الثالث</h2>
<p dir="rtl">
إذا كنت تفضل استخدام جهاز توجيه تابع لجهة خارجية ، مثل <a href="https://github.com/visionmedia/page.js">Page.js</a> أو <a href="https://github.com/flatiron/director">مخرج</a>، التكامل
<a href="https://github.com/chrisvfritz/vue-2.0-simple-routing-example/compare/master...pagejs">سهل بالمثل</a>. إليك
<a href="https://github.com/chrisvfritz/vue-2.0-simple-routing-example/tree/pagejs">مثال كامل</a> باستخدام Page.js.
</p>