From 7611e20afe58b1bfdb0ad5f7528b053b68b7020c Mon Sep 17 00:00:00 2001 From: Grigoriy Beziuk Date: Mon, 24 Apr 2017 22:34:27 +0800 Subject: [PATCH 01/11] russian translation update v2.5.+ --- docs/ru/api/options.md | 10 ++++++++++ docs/ru/api/router-instance.md | 1 + docs/ru/api/router-link.md | 10 ++++++++++ 3 files changed, 21 insertions(+) diff --git a/docs/ru/api/options.md b/docs/ru/api/options.md index 6d60579f6..0ee982bcf 100644 --- a/docs/ru/api/options.md +++ b/docs/ru/api/options.md @@ -53,6 +53,16 @@ Глобальная конфигурация CSS-класса по умолчанию для активных ссылок ``. См. также [router-link](router-link.md). +### linkExactActiveClass + +> Добавлено в версии 2.5.0+ + +- Тип: `string` + +- По умолчанию: `"router-link-exact-active"` + + Глобально настраивает для `` активный класс по умолчанию для точных совпадений маршрута. См. также [router-link](router-link.md). + ### scrollBehavior - тип: `Function` diff --git a/docs/ru/api/router-instance.md b/docs/ru/api/router-instance.md index d84282cb1..c4e44d950 100644 --- a/docs/ru/api/router-instance.md +++ b/docs/ru/api/router-instance.md @@ -28,6 +28,7 @@ См. [сторожевые хуки](../advanced/navigation-guards.md). + С версии 2.5.0+ все три методы возвращают функцию, которая удаляет зарегистрированный хук. - **router.push(location, onComplete?, onAbort?)** - **router.replace(location, onComplete?, onAbort?)** diff --git a/docs/ru/api/router-link.md b/docs/ru/api/router-link.md index 3f66ff1f4..b8dca03fc 100644 --- a/docs/ru/api/router-link.md +++ b/docs/ru/api/router-link.md @@ -116,6 +116,16 @@ Указывает событие(я), способные вызвать переход по ссылке. +- **exact-active-class** + + > Добавлено в версии 2.5.0+ + + - Тип: `string` + + - По умолчанию: `"router-link-exact-active"` + + Укажите активный CSS-класс, применяемый когда ссылка активна с точным соответствием маршрута. Обратите внимание, что значение по умолчанию также может быть настроено глобально с помощью опции `linkExactActiveClass` в конструкторе маршрутизатора. + ### Применение класса активности ко внешнему элементу Иногда хочется применить класс активности не к самому тегу ``, а к другому элементу. Для этих целей можно использовать `` для наружного элемента, а ссылку разместить внутри, вручную: From d6fc3ac502510211f180c8adaf12cf7b5824d7dc Mon Sep 17 00:00:00 2001 From: Alex-Sokolov Date: Mon, 24 Apr 2017 22:29:32 +0300 Subject: [PATCH 02/11] =?UTF-8?q?router-instance.md=20=D0=B8=D1=81=D0=BF?= =?UTF-8?q?=D1=80=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B0=20=D0=BE=D0=BF=D0=B5?= =?UTF-8?q?=D1=87=D0=B0=D1=82=D0=BA=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/api/router-instance.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/ru/api/router-instance.md b/docs/ru/api/router-instance.md index c4e44d950..a0d0e0960 100644 --- a/docs/ru/api/router-instance.md +++ b/docs/ru/api/router-instance.md @@ -28,7 +28,7 @@ См. [сторожевые хуки](../advanced/navigation-guards.md). - С версии 2.5.0+ все три методы возвращают функцию, которая удаляет зарегистрированный хук. + С версии 2.5.0+ все три метода возвращают функцию, которая удаляет зарегистрированный хук. - **router.push(location, onComplete?, onAbort?)** - **router.replace(location, onComplete?, onAbort?)** From 75fd8a6aac0101d6e7fdc1000cb23492f4487589 Mon Sep 17 00:00:00 2001 From: Alex-Sokolov Date: Mon, 24 Apr 2017 22:30:12 +0300 Subject: [PATCH 03/11] =?UTF-8?q?router-link.md=20=D0=B8=D1=81=D0=BF=D1=80?= =?UTF-8?q?=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/api/router-link.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/ru/api/router-link.md b/docs/ru/api/router-link.md index b8dca03fc..ad0c5a3b2 100644 --- a/docs/ru/api/router-link.md +++ b/docs/ru/api/router-link.md @@ -124,7 +124,7 @@ - По умолчанию: `"router-link-exact-active"` - Укажите активный CSS-класс, применяемый когда ссылка активна с точным соответствием маршрута. Обратите внимание, что значение по умолчанию также может быть настроено глобально с помощью опции `linkExactActiveClass` в конструкторе маршрутизатора. + Укажите активный CSS-класс, применяемый когда ссылка активна с точным соответствием маршрута. Обратите внимание, что значение по умолчанию также может быть настроено глобально с помощью опции `linkExactActiveClass` в конструкторе VueRouter. ### Применение класса активности ко внешнему элементу From 3f1a8ba6a2c652574a5bac6619509b2dd2485d97 Mon Sep 17 00:00:00 2001 From: Alex-Sokolov Date: Mon, 24 Apr 2017 22:32:02 +0300 Subject: [PATCH 04/11] =?UTF-8?q?navigation-guards.md=20=D0=B8=D1=81=D0=BF?= =?UTF-8?q?=D1=80=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B0=20=D0=BE=D0=BF=D0=B5?= =?UTF-8?q?=D1=87=D0=B0=D1=82=D0=BA=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/advanced/navigation-guards.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/ru/advanced/navigation-guards.md b/docs/ru/advanced/navigation-guards.md index dbba36995..8de0c2819 100644 --- a/docs/ru/advanced/navigation-guards.md +++ b/docs/ru/advanced/navigation-guards.md @@ -2,7 +2,7 @@ Как следует из названия, сторожевые хуки `Vue-router` используются для редиректов или отмены навигационных переходов. Есть несколько способов внедрить сторожевой хук: глобально, для конкретного пути, или для конкретного компонента. -Следует помнить, что **изменение параметров маршрута не вызывает выполнения сторожевых хуков enter/leave**. Вы можете добавить [watch на объект `$route`](../essentials/dynamic-matching.md#отслеживание-изменений-параметров) для отслеживания этих изменений, или использовать хук `beforeRouteUpadte`. +Следует помнить, что **изменение параметров маршрута не вызывает выполнения сторожевых хуков enter/leave**. Вы можете добавить [watch на объект `$route`](../essentials/dynamic-matching.md#отслеживание-изменений-параметров) для отслеживания этих изменений, или использовать хук `beforeRouteUpdate`. ### Глобальные хуки From d0c6b28b2af89ca686b7ef9c2e3d322cfdc851fd Mon Sep 17 00:00:00 2001 From: Alex Sokolov Date: Wed, 10 May 2017 12:54:08 +0300 Subject: [PATCH 05/11] =?UTF-8?q?getting-started.md=20standalone=20->=20?= =?UTF-8?q?=D0=BF=D0=BE=D0=BB=D0=BD=D0=B0=D1=8F=20=D1=81=D0=B1=D0=BE=D1=80?= =?UTF-8?q?=D0=BA=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/essentials/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/ru/essentials/getting-started.md b/docs/ru/essentials/getting-started.md index c0876cdd9..db8bde718 100644 --- a/docs/ru/essentials/getting-started.md +++ b/docs/ru/essentials/getting-started.md @@ -4,7 +4,7 @@ Создать одностраничное приложение используя Vue.js и Vue-router очень просто. Используя Vue.js, мы уже компонуем своё приложение из компонентов. Добавляя Vue-router, мы просто сопоставляем компонентам пути, и указываем, где именно их отображать. Вот простой пример: -> Все примеры используют standalone-сборку Vue, которая позволяет использовать парсинг шаблонов. Подробнее о разнице сборок можно почитать [в документации к Vue.js](https://ru.vuejs.org/v2/guide/installation.html#Объяснение-различных-сборок). +> Все примеры используют полную сборку Vue, которая позволяет использовать парсинг шаблонов. Подробнее о разнице сборок можно почитать [в документации к Vue.js](https://ru.vuejs.org/v2/guide/installation.html#Объяснение-различных-сборок). ### HTML From 608cf5c05335ce0be759a52c3ad1d71828783df4 Mon Sep 17 00:00:00 2001 From: Alex Sokolov Date: Mon, 29 May 2017 14:44:45 +0300 Subject: [PATCH 06/11] =?UTF-8?q?data-fetching.md=20=D0=B1=D1=8D=D0=BA?= =?UTF-8?q?=D1=82=D0=B8=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/advanced/data-fetching.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/ru/advanced/data-fetching.md b/docs/ru/advanced/data-fetching.md index 7ee7201db..6a4482431 100644 --- a/docs/ru/advanced/data-fetching.md +++ b/docs/ru/advanced/data-fetching.md @@ -54,7 +54,7 @@ export default { fetchData () { this.error = this.post = null this.loading = true - // замените здесь getPost используемым методом получения данных / доступа к API + // замените здесь `getPost` используемым методом получения данных / доступа к API getPost(this.$route.params.id, (err, post) => { this.loading = false if (err) { From e9190953c5b81d828ba0ee1f59736facafd80917 Mon Sep 17 00:00:00 2001 From: Alex Sokolov Date: Mon, 29 May 2017 14:44:53 +0300 Subject: [PATCH 07/11] =?UTF-8?q?lazy-loading.md=20=D0=B1=D1=8D=D0=BA?= =?UTF-8?q?=D1=82=D0=B8=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/advanced/lazy-loading.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/ru/advanced/lazy-loading.md b/docs/ru/advanced/lazy-loading.md index bc6b44261..c5324edcf 100644 --- a/docs/ru/advanced/lazy-loading.md +++ b/docs/ru/advanced/lazy-loading.md @@ -2,13 +2,13 @@ При использовании модульного сборщика, результирующая JavaScript-сборка может оказаться довольно большой, что негативно сказывается на времени загрузки страницы. В некоторых случаях было бы эффективнее разделить компоненты каждого пути на отдельные минисборки, и загружать их только при переходе к соответствующему пути. -Совместное использование [асинхронной загрузки компонентов](https://ru.vuejs.org/v2/guide/components.html#Асинхронные-компоненты) Vue и [разделения кода](https://webpack.js.org/guides/code-splitting-require/) WebPack делает реализацию ленивой загрузки компонентов в зависимости от путей тривиальной. +Совместное использование [асинхронной загрузки компонентов](https://ru.vuejs.org/v2/guide/components.html#Асинхронные-компоненты) Vue и [разделения кода](https://webpack.js.org/guides/code-splitting-require/) Webpack делает реализацию ленивой загрузки компонентов в зависимости от путей тривиальной. Всё, что требуется — определить компоненты путей как асинхронные: ``` js const Foo = resolve => { - // require.ensure — это специальный синтаксис Webpack'а для определения точки разделения кода. + // `require.ensure` — это специальный синтаксис Webpack'а для определения точки разделения кода. require.ensure(['./Foo.vue'], () => { resolve(require('./Foo.vue')) }) From 706b0ee58facf5ac2173c67bb7d82effcffa15b8 Mon Sep 17 00:00:00 2001 From: Alex Sokolov Date: Mon, 29 May 2017 14:45:02 +0300 Subject: [PATCH 08/11] =?UTF-8?q?transitions.md=20=D0=B1=D1=8D=D0=BA=D1=82?= =?UTF-8?q?=D0=B8=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/advanced/transitions.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/ru/advanced/transitions.md b/docs/ru/advanced/transitions.md index 795ae1c7f..adcf8a18f 100644 --- a/docs/ru/advanced/transitions.md +++ b/docs/ru/advanced/transitions.md @@ -44,7 +44,7 @@ const Bar = { ``` ``` js -// затем, в родительском компоненте, будем следить за переменной $route, +// затем, в родительском компоненте, будем следить за переменной `$route`, // чтобы определить, какой анимационный переход применить watch: { From 209cef0d67bd1570ecc33a1751519ed091036ff6 Mon Sep 17 00:00:00 2001 From: Alex Sokolov Date: Mon, 29 May 2017 14:45:09 +0300 Subject: [PATCH 09/11] =?UTF-8?q?route-object.md=20=D0=B1=D1=8D=D0=BA?= =?UTF-8?q?=D1=82=D0=B8=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/api/route-object.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/ru/api/route-object.md b/docs/ru/api/route-object.md index 0c1354dcd..2f6bd0b8e 100644 --- a/docs/ru/api/route-object.md +++ b/docs/ru/api/route-object.md @@ -16,7 +16,7 @@ ``` js router.beforeEach((to, from, next) => { - // как to так и from являются объектами пути + // как `to` так и `from` являются объектами пути }) ``` @@ -25,7 +25,7 @@ ``` js const router = new VueRouter({ scrollBehavior (to, from, savedPosition) { - // как to так и from являются объектами пути + // как `to` так и `from` являются объектами пути } }) ``` From 1739ecffed442443de87649be31a4a22c6bc9dbe Mon Sep 17 00:00:00 2001 From: Alex Sokolov Date: Mon, 29 May 2017 14:45:16 +0300 Subject: [PATCH 10/11] =?UTF-8?q?router-link.md=20=D0=B1=D1=8D=D0=BA=D1=82?= =?UTF-8?q?=D0=B8=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/api/router-link.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/ru/api/router-link.md b/docs/ru/api/router-link.md index ad0c5a3b2..9ff76ec59 100644 --- a/docs/ru/api/router-link.md +++ b/docs/ru/api/router-link.md @@ -27,10 +27,10 @@ Home - + Home - + Home @@ -39,7 +39,7 @@ User - + Register ``` @@ -100,7 +100,7 @@ Одним из следствий этого подхода является тот факт, что корневая ссылка `` будет считаться активной всегда. Чтобы заставить ссылку считаться активной только при полном совпадении, используйте входной параметр `exact`: ``` html - + ``` From 5084370e1500c19bfa34d343c76ec2dbe9caa844 Mon Sep 17 00:00:00 2001 From: Alex Sokolov Date: Mon, 29 May 2017 14:45:23 +0300 Subject: [PATCH 11/11] =?UTF-8?q?getting-started.md=20=D0=B1=D1=8D=D0=BA?= =?UTF-8?q?=D1=82=D0=B8=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/ru/essentials/getting-started.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/ru/essentials/getting-started.md b/docs/ru/essentials/getting-started.md index db8bde718..9b36da84d 100644 --- a/docs/ru/essentials/getting-started.md +++ b/docs/ru/essentials/getting-started.md @@ -17,7 +17,7 @@

- + Go to Foo Go to Bar

@@ -30,7 +30,7 @@ ``` js // 0. При использовании модульной системы (напр. vue-cli), -// импортируйте Vue и VueRouter и затем вызовите Vue.use(VueRouter) +// импортируйте Vue и VueRouter и затем вызовите `Vue.use(VueRouter)` // 1. Определение используемых компонентов // Они могут быть импортированы из внешних файлов @@ -39,7 +39,7 @@ const Bar = { template: '
bar
' } // 2. Определение путей // Каждый путь должен указывать на компонент -// "Компонентом" может быть как созданный через Vue.extend() +// "Компонентом" может быть как созданный через `Vue.extend()` // полноценный конструктор, так и просто объект с настройками компонента // Вложенные пути будут рассмотрены далее. const routes = [ @@ -50,7 +50,7 @@ const routes = [ // 3. Создаём инстанс роутера с опцией `routes` // Можно передать и другие опции, но пока не будем усложнять const router = new VueRouter({ - routes // сокращение от routes: routes + routes // сокращение от `routes: routes` }) // 4. Создаём и монтируем корневой инстанс Vue нашего приложения.