Skip to content

Commit f2875a8

Browse files
authored
Merge pull request vuejs#240 from ydakuka/new-fixes-061217
Fix new typos 06-12
2 parents 33776d9 + 28113f1 commit f2875a8

File tree

5 files changed

+10
-10
lines changed

5 files changed

+10
-10
lines changed

src/v2/api/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2121,7 +2121,7 @@ type: api
21212121

21222122
При использовании на элементах/компонентах с `v-for`, регистрируется массив ссылок на элементы DOM или экземпляры компонентов.
21232123

2124-
Важное замечание о времени регистрации ссылок: поскольку ссылки создаются `render`-функцией, вы не cможете использовать их при первичном рендеринге — на тот момент они ещё не существуют! Кроме того, объект `$refs` не является реактивным, поэтому не стоит пытаться использовать его в шаблонах для связывания данных.
2124+
Важное замечание о времени регистрации ссылок: поскольку ссылки создаются `render`-функцией, вы не сможете использовать их при первичном рендеринге — на тот момент они ещё не существуют! Кроме того, объект `$refs` не является реактивным, поэтому не стоит пытаться использовать его в шаблонах для связывания данных.
21252125

21262126
- **См. также:** [Ссылки на компоненты-потомки](../guide/components.html#Ссылки-на-компоненты-потомки)
21272127

@@ -2380,7 +2380,7 @@ type: api
23802380

23812381
Подробнее этот механизм описан в руководстве по ссылке ниже.
23822382

2383-
- **См. также:** [Расределение контента слотами](../guide/components.html#Распределение-контента-слотами)
2383+
- **См. также:** [Распределение контента слотами](../guide/components.html#Распределение-контента-слотами)
23842384

23852385
## Интерфейс VNode
23862386

src/v2/guide/comparison.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -220,7 +220,7 @@ Polymer — это ещё один проект, спонсируемый Googl
220220

221221
В Polymer 1.0, разработчики существенно ограничили систему связывания данных для улучшения производительности. Например, единственными поддерживаемыми в шаблонах Polymer выражениями являются булево отрицание и одиночные вызовы методов. Реализация вычисляемых свойств — тоже не очень гибкая.
222222

223-
Пользовательские элементы Polymer пишутся в HTML-файлах, что ограничивает авторов использованием обыкновенного JavaScript/CSS (и возможностей языка, поддерживаемых браузерами на данный момент). Vue же позволяет использовать в однофайловых компонентах какие угодно пре- и построцессоры, включая, разумеется, и ES2015+.
223+
Пользовательские элементы Polymer пишутся в HTML-файлах, что ограничивает авторов использованием обыкновенного JavaScript/CSS (и возможностей языка, поддерживаемых браузерами на данный момент). Vue же позволяет использовать в однофайловых компонентах какие угодно пре- и постпроцессоры, включая, разумеется, и ES2015+.
224224

225225
При работе в production-окружении, Polymer рекомендует загружать всё "на лету" при помощи HTML Import'ов, что подразумевает как имплементацию этой технологии браузерами, так и поддержку HTTP/2 и сервером, и клиентом. Не для всякой целевой аудитории и не для всякого окружения это может быть выполнимо. В таких случаях предполагается использовать специальный инструмент под названием Vulcanizer, объединяющий элементы Polymer. Vue позволяет комбинировать возможности асинхронной загрузки компонентов c функциями по разделению кода Webpack'а, организуя "ленивую" загрузку частей приложения. Таким образом мы сохраняем совместимость со старыми браузерами, не теряя производительности на этапе загрузки приложения.
226226

src/v2/guide/migration-vue-router.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ type: guide
44
order: 702
55
---
66

7-
> Только Vue Router 2 совместим с Vue 2, поэтому, если вы обновляете Vue, вы должны также обновить и Vue Router. Поэтому мы включили описание процесса миграции в основную документацию. Для подробной инструкции по использованию новой версии Vue Router, обратитесь к документации [Vue Router](https://router.vuejs.org/ru/).
7+
> Только Vue Router 2 совместим с Vue 2, поэтому если вы обновляете Vue, вы должны также обновить и Vue Router. Поэтому мы включили описание процесса миграции в основную документацию. Для подробной инструкции по использованию новой версии Vue Router, обратитесь к документации [Vue Router](https://router.vuejs.org/ru/).
88
99
## Инициализация роутера
1010

@@ -331,7 +331,7 @@ if (route.meta.requiresAuth) {
331331

332332
### `router.go` <sup>изменено</sup>
333333

334-
Для соответствия [HTML5 History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API), `router.go` теперь используется только для [навигации вперед/назад](https://router.vuejs.org/ru/essentials/navigation.html#routergon), в то время как [`router.push`](https://router.vuejs.org/ru/essentials/navigation.html#routerpushlocation) используется для перехода на конкретную страницу.
334+
Для соответствия [HTML5 History API](https://developer.mozilla.org/ru/docs/Web/API/History_API), `router.go` теперь используется только для [навигации вперед/назад](https://router.vuejs.org/ru/essentials/navigation.html#routergon), в то время как [`router.push`](https://router.vuejs.org/ru/essentials/navigation.html#routerpushlocation) используется для перехода на конкретную страницу.
335335

336336
{% raw %}
337337
<div class="upgrade-path">
@@ -430,7 +430,7 @@ scrollBehavior: function (to, from, savedPosition) {
430430

431431
### `root` <sup>переименовано</sup>
432432

433-
Переименовано в `base` для соответствия [HTML-эелементу `<base>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base).
433+
Переименовано в `base` для соответствия [HTML-эелементу `<base>`](https://developer.mozilla.org/ru/docs/Web/HTML/Element/base).
434434

435435
{% raw %}
436436
<div class="upgrade-path">

src/v2/guide/migration.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -876,7 +876,7 @@ Instead of:
876876
<p v-for="item in items | limitBy 10">{{ item }}</p>
877877
```
878878

879-
Use JavaScript's built-in [`.slice` method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice#Examples) in a computed property:
879+
Use JavaScript's built-in [`.slice` method](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/slice#Examples) in a computed property:
880880

881881
``` html
882882
<p v-for="item in filteredItems">{{ item }}</p>
@@ -898,7 +898,7 @@ Instead of:
898898
<p v-for="user in users | filterBy searchQuery in 'name'">{{ user.name }}</p>
899899
```
900900

901-
Use JavaScript's built-in [`.filter` method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter#Examples) in a computed property:
901+
Use JavaScript's built-in [`.filter` method](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/filter#Examples) in a computed property:
902902

903903
``` html
904904
<p v-for="user in filteredUsers">{{ user.name }}</p>

src/v2/guide/reactivity.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ order: 601
88

99
## Как отслеживаются изменения
1010

11-
Когда простой JavaScript-объект передаётся в экземпляр Vue в качестве опции `data`, Vue обходит все его поля и превращает их в пары геттер/сеттер, используя [Object.defineProperty](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty). Эта возможность появилась в JavaScript только начиная с версии ES5, и в более ранних версиях её эмулировать не получится — по этой-то причине Vue и не поддерживает IE8 и ниже.
11+
Когда простой JavaScript-объект передаётся в экземпляр Vue в качестве опции `data`, Vue обходит все его поля и превращает их в пары геттер/сеттер, используя [Object.defineProperty](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty). Эта возможность появилась в JavaScript только начиная с версии ES5, и в более ранних версиях её эмулировать не получится — по этой-то причине Vue и не поддерживает IE8 и ниже.
1212

1313
Геттеры и сеттеры не видны пользователю, но именно они являются тем внутренним механизмом, который позволяет Vue отслеживать зависимости и изменения данных. К сожалению, при таком подходе выведенные в консоль браузера геттеры и сеттеры выглядят не так, как обычные объекты, поэтому для более наглядной визуализации лучше использовать [инструменты разработчика Vue-devtools](https://github.com/vuejs/vue-devtools).
1414

@@ -77,7 +77,7 @@ vm.message = 'Hello!'
7777

7878
На всякий случай напомним, что во Vue обновление DOM выполняется **асинхронно**. Каждый раз, когда обнаруживается изменение в данных, создаётся очередь, которая используется в качестве буфера для этого и последующих изменений, происходящих в текущей итерации ("tick") цикла событий. Если один и тот же наблюдатель срабатывает несколько раз, в очередь он попадёт всё равно лишь единожды. Благодаря использованию буфера и устранению дубликатов, вычисления и манипуляции DOM сводятся к минимуму. В следующей итерации цикла событий Vue разбирает очередь и выполняет актуальные (уже не содержащие дубликатов) обновления. На низком уровне для асинхронной постановки задач в очередь используются `Promise.then` и `MessageChannel`, а если они недоступны, то `setTimeout(fn, 0)`.
7979

80-
Итак, если выполнить код `vm.someData = 'new value'`, компонент не будет перерендерен сразу же. Он обновится в следующей итерации при разборе очереди. Чаще всего эту особенность можно не принимать в расчёт, но иногда бывает нужно дождаться состояния, в которое DOM перейдёт после обновления данных. Хотя прямая манипуляция DOM нежелательна, а системы в целом предпочтительнее проектировать так, чтобы в них были первичны данные, иногда всё же её не избежать. Чтобы выполнить какой-нибудь код только после того, как завершится обновление DOM, можно передать коллбэк в метод `Vue.nextTick(callback)` после изменения данных. Он будет вызван после обновления DOM. Например:
80+
Итак, если выполнить код `vm.someData = 'new value'`, компонент не будет перерендерен сразу же. Он обновится в следующей итерации при разборе очереди. Чаще всего эту особенность можно не принимать в расчёт, но иногда бывает нужно дождаться состояния, в которое DOM перейдёт после обновления данных. Хотя прямая манипуляция DOM нежелательна, а системы в целом предпочтительнее проектировать так, чтобы в них были первичные данные, иногда всё же её не избежать. Чтобы выполнить какой-нибудь код только после того, как завершится обновление DOM, можно передать коллбэк в метод `Vue.nextTick(callback)` после изменения данных. Он будет вызван после обновления DOM. Например:
8181

8282
``` html
8383
<div id="example">{{ message }}</div>

0 commit comments

Comments
 (0)