You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/ru/advanced/lazy-loading.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,13 +2,13 @@
2
2
3
3
При использовании модульного сборщика, результирующая JavaScript-сборка может оказаться довольно большой, что негативно сказывается на времени загрузки страницы. В некоторых случаях было бы эффективнее разделить компоненты каждого пути на отдельные минисборки, и загружать их только при переходе к соответствующему пути.
4
4
5
-
Совместное использование [асинхронной загрузки компонентов](https://ru.vuejs.org/v2/guide/components.html#Асинхронные-компоненты) Vue и [разделения кода](https://webpack.js.org/guides/code-splitting-require/)WebPack делает реализацию ленивой загрузки компонентов в зависимости от путей тривиальной.
5
+
Совместное использование [асинхронной загрузки компонентов](https://ru.vuejs.org/v2/guide/components.html#Асинхронные-компоненты) Vue и [разделения кода](https://webpack.js.org/guides/code-splitting-require/)Webpack делает реализацию ленивой загрузки компонентов в зависимости от путей тривиальной.
6
6
7
7
Всё, что требуется — определить компоненты путей как асинхронные:
8
8
9
9
```js
10
10
constFoo=resolve=> {
11
-
// require.ensure — это специальный синтаксис Webpack'а для определения точки разделения кода.
11
+
//`require.ensure` — это специальный синтаксис Webpack'а для определения точки разделения кода.
Одним из следствий этого подхода является тот факт, что корневая ссылка `<router-link to="/">` будет считаться активной всегда. Чтобы заставить ссылку считаться активной только при полном совпадении, используйте входной параметр `exact`:
101
101
102
102
```html
103
-
<!-- эта ссылка будет активной только для корневого пути /-->
103
+
<!-- эта ссылка будет активной только для корневого пути `/`-->
Copy file name to clipboardExpand all lines: docs/ru/essentials/getting-started.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@
4
4
5
5
Создать одностраничное приложение используя Vue.js и Vue-router очень просто. Используя Vue.js, мы уже компонуем своё приложение из компонентов. Добавляя Vue-router, мы просто сопоставляем компонентам пути, и указываем, где именно их отображать. Вот простой пример:
6
6
7
-
> Все примеры используют standalone-сборку Vue, которая позволяет использовать парсинг шаблонов. Подробнее о разнице сборок можно почитать [в документации к Vue.js](https://ru.vuejs.org/v2/guide/installation.html#Объяснение-различных-сборок).
7
+
> Все примеры используют полную сборку Vue, которая позволяет использовать парсинг шаблонов. Подробнее о разнице сборок можно почитать [в документации к Vue.js](https://ru.vuejs.org/v2/guide/installation.html#Объяснение-различных-сборок).
8
8
9
9
### HTML
10
10
@@ -17,7 +17,7 @@
17
17
<p>
18
18
<!-- используйте компонент router-link для создания ссылок -->
19
19
<!-- входной параметр `to` определяет путь для перехода -->
20
-
<!-- <router-link> по умолчанию преобразуется в тег `<a>` -->
20
+
<!--`<router-link>` по умолчанию преобразуется в тег `<a>` -->
21
21
<router-linkto="/foo">Go to Foo</router-link>
22
22
<router-linkto="/bar">Go to Bar</router-link>
23
23
</p>
@@ -30,7 +30,7 @@
30
30
31
31
```js
32
32
// 0. При использовании модульной системы (напр. vue-cli),
33
-
// импортируйте Vue и VueRouter и затем вызовите Vue.use(VueRouter)
33
+
// импортируйте Vue и VueRouter и затем вызовите `Vue.use(VueRouter)`
0 commit comments