Skip to content
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

[WIP] Перевод Routes, Async Data, HTML-head, Static, Directory structure #1

Merged
merged 9 commits into from
Jan 10, 2017
Merged
Show file tree
Hide file tree
Changes from 7 commits
Commits
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
13 changes: 6 additions & 7 deletions ru/guide/basic-routes.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,10 @@
---
title: Basic Routes
description: Nuxt.js use the file-system to generate the routes of your web applications, it's as simple as PHP to create routes.
---

Nuxt.js generates automatically the [vue-router](https://github.com/vuejs/vue-router) configuration according to your file tree of Vue files inside the `pages` directory.
title: Основы роутинга (маршрутизации)
description: Nuxt.js использует файловую систему для генерации путей вашего веб-приложения, это также просто как в PHP.
---
Nuxt.js автоматически генерирует конфигурацию [vue-router](https://github.com/vuejs/vue-router) согласно структуре файлов и каталогов в директории `pages`

This file tree:
Структура:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Структура файлов всё-таки ;)


```bash
pages/
Expand All @@ -15,7 +14,7 @@ pages/
--| index.vue
```

will automatically generate:
автоматически сгенерирует:

```js
router: {
Expand Down
25 changes: 12 additions & 13 deletions ru/guide/dynamic-routes.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: Dynamic Routes
description: To define a dynamic route with a param in Nuxt.js, you need to define a Vue file prefixed by an underscore.
title: Динамический роутинг
description: Чтобы объвить динамический путь с параметром (param) в Nuxt.js, вам необходимо создать Vue файл с префиксом: _
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Вам" и прочих личных обращений избегаем — их чаще всего можно просто опустить

---

> To define a dynamic route with a param, you need to define a Vue file **prefixed by an underscore**.
> Чтобы определить динамический маршрут с param, Вы должны определить файл Vue **с префиксом нижнее подчеркивание**.

## Directory Structure
## Структура директорий

This file tree:
Структура файлов:

```bash
pages/
Expand All @@ -16,7 +16,7 @@ pages/
-----| index.vue
```

will automatically generate:
автоматически сгенерирует:

```js
router: {
Expand All @@ -35,24 +35,23 @@ router: {
}
```

## Validate Route Params
## Валидация параметров пути

```js
validate({ params, query }) {
return true // if the params are valid
return false // will stop Nuxt.js to render the route and display the error page
return true // если этот параметр валиден
return false // остановит Nuxt.js, чтобы отобразить маршрут и вывести на экран страницу ошибки
}
```

Nuxt.js lets you define a validator method inside your dynamic route component (In this example: `pages/users/_id.vue`).

If the validate method does not return `true`, Nuxt.js will automatically load the 404 error page.
Nuxt.js позволяет Вам определять метод проверки валидности в своем динамическом компоненте пути (В этом примере: `pages/users/_id.vue`).
Если метод валидации не возвратит `true`, Nuxt.js автоматически отобразит страницу с ошибкой 404.

```js
<script>
export default {
validate ({ params }) {
// Must be a number
// Должен быть номером
return /^\d+$/.test(params.id)
}
}
Expand Down
32 changes: 14 additions & 18 deletions ru/guide/nested-routes.md
Original file line number Diff line number Diff line change
@@ -1,25 +1,23 @@
---
title: Nested Routes
description: Nuxt.js lets you create nested route by using the children routes of vue-router.
title: Вложеные пути
description: Nuxt.js позволяет вам создавать вложенные пути при помощи дочерних путей vue-router.
---

> Nuxt.js lets you create nested route by using the children routes of vue-router.
> Nuxt.js позволяет Вам создавать вложенные пути при помощи дочерних путей vue-router.

## Directory Structure
## Структура директорий
Чтобы определить вложенный маршрут, Вы должны создать файл Vue **таким же имеменем как каталог** которые содержат Ваши дочерние представления.
> Не забывайте писать `<nuxt-child></nuxt-child>` в Вашем родительском файле Vue.

To define a nested route, you need to create a Vue file with the **same name as the directory** which contain your children views.
> Don't forget to write `<nuxt-child></nuxt-child>` inside your parent Vue file.

This file tree:
Эта струтура файлов:

```bash
pages/
--| users/
-----| _id.vue
--| users.vue
```

will automatically generate:
автоматически сгенерирует:

```js
router: {
Expand All @@ -38,8 +36,7 @@ router: {
]
}
```

As you can see the children has the path `:id?` which makes it optional, if you want to make it required, create an `index.vue` file in the `users` directory:
Сейчас Вы видите, что у дочерних элементов есть путь ':id?' который является дополнительным, но если Вы хотите сделать его обязательным, создайте 'index.vue' в каталоге 'users':

```bash
pages/
Expand All @@ -49,7 +46,7 @@ pages/
--| users.vue
```

Nuxt.js will generate:
Nuxt.js сгенерирует:

```js
router: {
Expand All @@ -74,11 +71,10 @@ router: {
}
```

## Dynamic Nested Routes

> This scenario should not often append, but it is possible with Nuxt.js: having dynamic children inside dynamic parents.
## Динамические вложенные пути
> Этот сценарий не так распространен, но с Nuxt.js он тоже возможен: наличие динамических дочерних элементов в динамических родителях.

This file tree:
Эта структура файлов:

```bash
pages/
Expand All @@ -92,7 +88,7 @@ pages/
--| index.vue
```

will automatically generate:
автоматически сгенерирует:

```js
router: {
Expand Down