Skip to content

docs: [RU] Translation update #2524

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 8 commits into from
Dec 7, 2018
Merged
Show file tree
Hide file tree
Changes from all 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
4 changes: 2 additions & 2 deletions docs/ru/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,14 @@
Для пользователей TypeScript, `[email protected]+` требуется `[email protected]+`, и наоборот.
:::

Vue Router — официальная библиотека маршрутизации для [Vue.js](https://ru.vuejs.org/). Она глубоко интегрируется с ядром Vue.js, что позволяет создавать SPA-приложения с лёгкостью. Включает следующие возможности:
Vue Router — официальная библиотека маршрутизации для [Vue.js](https://ru.vuejs.org/). Она глубоко интегрируется с Vue.js и позволяет легко создавать SPA-приложения. Включает следующие возможности:

- Вложенные маршруты/представления
- Модульная конфигурация маршрутизатора
- Доступ к параметрам маршрута, query, wildcards
- Анимация переходов представлений на основе Vue.js
- Удобный контроль навигации
- Автоматическое проставление активного класса CSS для ссылок
- Автоматическое проставление активного CSS класса для ссылок
- Режимы работы HTML5 history или хэш, с авто-переключением в IE9
- Настраиваемое поведение прокрутки страницы

Expand Down
36 changes: 18 additions & 18 deletions docs/ru/api/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ sidebar: auto

Иногда может потребоваться применять активный класс к внешнему элементу, а не к тегу `<a>`, в этом случае можно отобразить внешний элемент с помощью `<router-link>` и обернуть содержимое тегом `<a>` внутри:

``` html
```html
<router-link tag="li" to="/foo">
<a>/foo</a>
</router-link>
Expand All @@ -39,7 +39,7 @@ sidebar: auto

Определяет итоговый маршрут ссылки. При нажатии, значение входного параметра `to` будет передано в `router.push()` — поэтому это значение может быть как строкой, так и объектом описывающим маршрут.

``` html
```html
<!-- строка -->
<router-link to="home">Home</router-link>
<!-- отобразится в -->
Expand Down Expand Up @@ -68,7 +68,7 @@ sidebar: auto

Указание входного параметра `replace` вызовет `router.replace()` вместо `router.push()` при нажатии на ссылку, поэтому навигация не оставит записи в истории переходов.

``` html
```html
<router-link :to="{ path: '/abc'}" replace></router-link>
```

Expand All @@ -79,7 +79,7 @@ sidebar: auto

Указание входного параметра `append` будет добавлять относительный путь к текущему. Например, если мы переходим от `/a` к относительной ссылке `b`, то без `append` будет адрес `/b`, а вместе с `append` получится `/a/b`.

``` html
```html
<router-link :to="{ path: 'relative/path'}" append></router-link>
```

Expand All @@ -90,7 +90,7 @@ sidebar: auto

Иногда необходимо чтобы `<router-link>` отображался другим тегом, например `<li>`. В таком случае мы можем использовать входной параметр `tag`, чтобы указать нужный тег, и он всё равно будет прослушивать события click для навигации.

``` html
```html
<router-link to="/foo" tag="li">foo</router-link>
<!-- отобразится как -->
<li>foo</li>
Expand All @@ -112,7 +112,7 @@ sidebar: auto

Обратите внимание, поэтому `<router-link to="/">` будет активным для каждого маршрута! Для «режима точного соответствия» укажите в ссылке входной параметр `exact`:

``` html
```html
<!-- эта ссылка будет активной только для адреса `/` -->
<router-link to="/" exact>
```
Expand Down Expand Up @@ -141,7 +141,7 @@ sidebar: auto

Поскольку это всего лишь компонент, он работает вместе с `<transition>` и `<keep-alive>`. При одновременном использовании обоих обязательно располагайте `<keep-alive>` внутри:

``` html
```html
<transition>
<keep-alive>
<router-view></router-view>
Expand All @@ -166,7 +166,7 @@ sidebar: auto

Декларация типа для `RouteConfig`:

``` js
```js
declare type RouteConfig = {
path: string;
component?: Component;
Expand Down Expand Up @@ -290,7 +290,7 @@ sidebar: auto

Сигнатуры:

``` js
```js
router.beforeEach((to, from, next) => {
/* необходимо вызывать `next` */
})
Expand All @@ -314,7 +314,7 @@ router.afterEach((to, from) => {})

Сигнатуры:

``` js
```js
router.push(location, onComplete?, onAbort?)
router.replace(location, onComplete?, onAbort?)
router.go(n)
Expand All @@ -328,7 +328,7 @@ router.forward()

Сигнатура:

``` js
```js
const matchedComponents: Array<Component> = router.getMatchedComponents(location?)
```

Expand All @@ -338,7 +338,7 @@ const matchedComponents: Array<Component> = router.getMatchedComponents(location

Сигнатура:

``` js
```js
const resolved: {
location: Location;
route: Route;
Expand All @@ -355,7 +355,7 @@ const resolved: {

Сигнатура:

``` js
```js
router.addRoutes(routes: Array<RouteConfig>)
```

Expand All @@ -365,7 +365,7 @@ router.addRoutes(routes: Array<RouteConfig>)

Сигнатура:

``` js
```js
router.onReady(callback, [errorCallback])
```

Expand All @@ -379,7 +379,7 @@ router.onReady(callback, [errorCallback])

Сигнатура:

``` js
```js
router.onError(callback)
```

Expand Down Expand Up @@ -407,15 +407,15 @@ router.onError(callback)

- В качестве двух первых параметров навигационных хуков:

``` js
```js
router.beforeEach((to, from, next) => {
// как `to` так и `from` являются объектами маршрута
})
```

- В качестве двух первых параметров функции `scrollBehavior`:

``` js
```js
const router = new VueRouter({
scrollBehavior (to, from, savedPosition) {
// как `to` так и `from` являются объектами маршрута
Expand Down Expand Up @@ -461,7 +461,7 @@ router.onError(callback)

Массив с **записями маршрутов** для всех вложенных сегментов текущего маршрута. Записи маршрутов — это копии объектов из опции `routes` (и вложенных массивов `children`):

``` js
```js
const router = new VueRouter({
routes: [
// объект ниже — это запись маршрута
Expand Down
4 changes: 2 additions & 2 deletions docs/ru/guide/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@

## HTML

``` html
```html
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

Expand All @@ -32,7 +32,7 @@

## JavaScript

``` js
```js
// 0. Если используем модульную систему (например через vue-cli),
// импортируем Vue и VueRouter и затем вызываем `Vue.use(VueRouter)`.

Expand Down
6 changes: 3 additions & 3 deletions docs/ru/guide/advanced/data-fetching.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@

Предположим, у нас есть компонент `Post`, которому требуется загрузить с сервера данные, соответствующие id поста из `$route.params.id`:

``` html
```html
<template>
<div class="post">
<div class="loading" v-if="loading">
Expand All @@ -33,7 +33,7 @@
</template>
```

``` js
```js
export default {
data () {
return {
Expand Down Expand Up @@ -73,7 +73,7 @@ export default {

Используя этот подход, мы запрашиваем данные до завершения перехода к новому маршруту. Запрос данных выполняется в навигационном хуке `beforeRouteEnter` компонента, который вызывает `next`, когда данные получены:

``` js
```js
export default {
data () {
return {
Expand Down
10 changes: 5 additions & 5 deletions docs/ru/guide/advanced/lazy-loading.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,13 @@

Во-первых, асинхронный компонент можно определить как функцию-фабрику, которая возвращает Promise (который должен разрешиться самим компонентом):

``` js
```js
const Foo = () => Promise.resolve({ /* определение компонента */ })
```

Во-вторых, с Webpack 2 мы можем использовать синтаксис [динамических импортов](https://github.com/tc39/proposal-dynamic-import) для указания точек разделения кода:

``` js
```js
import('./Foo.vue') // возвращает Promise
```

Expand All @@ -22,13 +22,13 @@ import('./Foo.vue') // возвращает Promise

Эти два пункта — всё необходимое, чтобы определить асинхронный компонент, который Webpack автоматически выделит в отдельный фрагмент:

``` js
```js
const Foo = () => import('./Foo.vue')
```

В конфигурации маршрута ничего менять не нужно, можно использовать `Foo` как обычно:

``` js
```js
const router = new VueRouter({
routes: [
{ path: '/foo', component: Foo }
Expand All @@ -40,7 +40,7 @@ const router = new VueRouter({

Иногда может понадобиться объединить в одном фрагменте все компоненты, расположенные по определённому маршруту. Для этого можно указывать [имена фрагментов Webpack](https://webpack.js.org/guides/code-splitting-async/#chunk-names), используя специальный синтаксис комментариев (в версиях Webpack > 2.4):

``` js
```js
const Foo = () => import(/* webpackChunkName: "group-foo" */ './Foo.vue')
const Bar = () => import(/* webpackChunkName: "group-foo" */ './Bar.vue')
const Baz = () => import(/* webpackChunkName: "group-foo" */ './Baz.vue')
Expand Down
4 changes: 2 additions & 2 deletions docs/ru/guide/advanced/meta.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

Вы можете добавить поле `meta` при определении маршрута:

``` js
```js
const router = new VueRouter({
routes: [
{
Expand Down Expand Up @@ -31,7 +31,7 @@ const router = new VueRouter({

В качестве примера можно привести проверку метаданных в глобальном навигационном хуке:

``` js
```js
router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
// этот путь требует авторизации, проверяем залогинен ли
Expand Down
10 changes: 5 additions & 5 deletions docs/ru/guide/advanced/navigation-guards.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

Глобальный хук можно зарегистрировать через `router.beforeEach`:

``` js
```js
const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {
Expand Down Expand Up @@ -44,7 +44,7 @@ router.beforeEach((to, from, next) => {

Можно также зарегистрировать глобальные хуки, вызываемые после завершения перехода. Однако, в отличие от сторожевых хуков, в них не передаётся функция `next`, и на навигацию они повлиять не могут:

``` js
```js
router.afterEach((to, from) => {
// ...
})
Expand All @@ -54,7 +54,7 @@ router.afterEach((to, from) => {

Навигационные хуки `beforeEnter` можно указать напрямую для конкретного маршрута в его конфигурации:

``` js
```js
const router = new VueRouter({
routes: [
{
Expand All @@ -78,7 +78,7 @@ const router = new VueRouter({
- `beforeRouteUpdate`
- `beforeRouteLeave`

``` js
```js
const Foo = {
template: `...`,
beforeRouteEnter (to, from, next) {
Expand All @@ -105,7 +105,7 @@ const Foo = {

Тем не менее, доступ к экземпляру можно получить, передав коллбэк в `next`. Эта функция будет вызвана после подтверждения навигации, а экземпляр компонента будет передан в неё в качестве параметра:

``` js
```js
beforeRouteEnter (to, from, next) {
next(vm => {
// экземпляр компонента доступен как `vm`
Expand Down
10 changes: 5 additions & 5 deletions docs/ru/guide/advanced/scroll-behavior.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

При создании экземпляра маршрутизатора, вы можете указать функцию `scrollBehavior`:

``` js
```js
const router = new VueRouter({
routes: [...],
scrollBehavior (to, from, savedPosition) {
Expand All @@ -26,7 +26,7 @@ const router = new VueRouter({

Например:

``` js
```js
scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 }
}
Expand All @@ -36,7 +36,7 @@ scrollBehavior (to, from, savedPosition) {

Возврат `savedPosition` позволяет эмулировать нативное поведение браузера при использовании кнопок назад/вперёд:

``` js
```js
scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition
Expand All @@ -48,7 +48,7 @@ scrollBehavior (to, from, savedPosition) {

Эмулировать поведение "прокрутки к якорю" на странице можно так:

``` js
```js
scrollBehavior (to, from, savedPosition) {
if (to.hash) {
return {
Expand All @@ -67,7 +67,7 @@ scrollBehavior (to, from, savedPosition) {

Можно также вернуть Promise, который разрешится объектом с желаемой позицией прокрутки:

``` js
```js
scrollBehavior (to, from, savedPosition) {
return new Promise((resolve, reject) => {
setTimeout(() => {
Expand Down
Loading