Skip to content

Commit 92342ec

Browse files
Alex-Sokolovposva
authored andcommitted
docs: RU translation update (vuejs#1998)
* navigation-guards.md нумерация версии * history-mode.md правки по IIS * lazy-loading HTTPS * dynamic-mathcing.md HTTPS * getting-started.md HTTPS * navigation.md мелкие правки * nested-routes.md HTTPS * navigation-guards.md правки * history-mode.md кавычки и добавлена секция про Firebase * redirect-and-alias.md добавлено уточнение * SUMMARY.md правка * options.md обновлён пример сигнатуры * getting-started.md добавлены новые правки * navigation-guards.md новые правки * scroll-behavior.md новые правки * getting-started.md опечатки * SUMMARY.md правка версий * passing-props.md правка * navigation-guards.md добавлена ссылка * named-views.md добавлена секция
1 parent f90cf39 commit 92342ec

File tree

2 files changed

+58
-1
lines changed

2 files changed

+58
-1
lines changed

docs/ru/advanced/navigation-guards.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ router.beforeEach((to, from, next) => {
3232

3333
- **`next('/')` или `next({ path: '/' })`**: перенаправление на другой путь. Текущий переход будет отменён, и процесс начнётся заново для нового пути. Вы можете передать любой объект местоположения в `next`, который позволяет вам указывать опции такие как `replace: true`, `name: 'home'` и любой другой параметр используемый во [входном параметре `to` компонента `router-link`](../api/router-link.md) или [`router.push`](../api/router-instance.md#methods)
3434

35-
- **`next(error)`**: (добавлено в версии 2.4.0+) если аргумент, переданный `next` является экземпляром `Error`, навигация будет прервана и ошибка будет передана в коллбек, зарегистрированный через `router.onError()`.
35+
- **`next(error)`**: (добавлено в версии 2.4.0+) если аргумент, переданный `next` является экземпляром `Error`, навигация будет прервана и ошибка будет передана в коллбек, зарегистрированный через [`router.onError()`](../api/router-instance.html#методы).
3636

3737
**Удостоверьтесь, что функция `next` так или иначе будет вызвана, иначе хук никогда не будет разрешён.**
3838

docs/ru/essentials/named-views.md

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,3 +26,60 @@ const router = new VueRouter({
2626
```
2727

2828
Рабочее демо этого примера можно найти [здесь](https://jsfiddle.net/posva/6du90epg/).
29+
30+
## Вложенные именованные маршруты
31+
32+
Возможно и создание сложных шаблонов используя именованные представления с вложенными представлениями. При этом вам также нужно будет именовать используемые вложенные компоненты `router-view`. Разберём пример панели настроек:
33+
34+
```
35+
/settings/emails /settings/profile
36+
+-----------------------------------+ +------------------------------+
37+
| UserSettings | | UserSettings |
38+
| +-----+-------------------------+ | | +-----+--------------------+ |
39+
| | Nav | UserEmailsSubscriptions | | +------------> | | Nav | UserProfile | |
40+
| | +-------------------------+ | | | +--------------------+ |
41+
| | | | | | | | UserProfilePreview | |
42+
| +-----+-------------------------+ | | +-----+--------------------+ |
43+
+-----------------------------------+ +------------------------------+
44+
```
45+
46+
- `Nav` это просто обычный компонент
47+
- `UserSettings` компонент представления
48+
- `UserEmailsSubscriptions`, `UserProfile`, `UserProfilePreview` вложенные компоненты представлений
49+
50+
**Примечание**: _Давайте опустим как должен выглядеть HTML/CSS для реализации подобного шаблона и сосредоточимся на используемых компонентах_
51+
52+
Секция `<template>` компонента `UserSettings` будет выглядеть примерно так:
53+
54+
```html
55+
<!-- UserSettings.vue -->
56+
<div>
57+
<h1>Настройки пользователя</h1>
58+
<NavBar/>
59+
<router-view/>
60+
<router-view name="helper"/>
61+
</div>
62+
```
63+
64+
_Вложенные компоненты представлений опущены здесь, но вы можете найти полные исходные коды примера [здесь](https://jsfiddle.net/posva/22wgksa3/)_
65+
66+
Затем вы можете достичь компоновки шаблона выше с помощью конфигурации маршрута:
67+
68+
```js
69+
{ path: '/settings',
70+
// Вы могли также иметь именованные представления в верхней части
71+
component: UserSettings,
72+
children: [{
73+
path: 'emails',
74+
component: UserEmailsSubscriptions
75+
}, {
76+
path: 'profile',
77+
components: {
78+
default: UserProfile,
79+
helper: UserProfilePreview
80+
}
81+
}]
82+
}
83+
```
84+
85+
Рабочее демо этого примера можно найти [здесь](https://jsfiddle.net/posva/22wgksa3/).

0 commit comments

Comments
 (0)