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: src/v2/api/index.md
+7-8Lines changed: 7 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -165,7 +165,7 @@ type: api
165
165
166
166
-**Использование:**
167
167
168
-
Выполняет функцию callback при следующем цикле обновления DOM. Вызывайте сразу после изменения данных, чтобы работать с обновлённым DOM.
168
+
Выполняет функцию `callback` при следующем цикле обновления DOM. Вызывайте сразу после изменения данных, чтобы работать с обновлённым DOM.
169
169
170
170
```js
171
171
// изменение данных
@@ -859,7 +859,7 @@ type: api
859
859
860
860
-**Подробности:**
861
861
862
-
Превращает компонент в функциональный, то есть не имеющий собственного состояния (`data`) и своего инстанса (`this`). Такие компоненты по сути — просто функция `render`, возвращающая узлы виртуального DOM. Это сильно ускоряет их рендеринг.
862
+
Превращает компонент в функциональный, то есть не имеющий собственного состояния (`data`) и своего инстанса (`this`). Такие компоненты по сути — просто `render`-функция, возвращающая узлы виртуального DOM. Это сильно ускоряет их рендеринг.
Запускает наблюдение за выражением или вычисляемой функцией на предмет изменений. В параметры коллбэка будут переданы новое и старое значения отслеживаемого объекта. Выражение может быть только простым путём до переменной с разделителями-точками. Для более сложных случаев используйте функцию.
1048
1048
1049
-
<pclass="tip">Обратите внимание: когда изменяете (а не заменяете) объект или массив, старое и новое значения при вызове коллбэка будут совпадать, так как они ссылаются на один и тот же объект или массив. Vue не сохраняет копии объекта на момент, предшествовавший изменениям.</p>
1049
+
<pclass="tip">Обратите внимание: когда изменяете (а не заменяете) объект или массив, старое и новое значения при вызове коллбэка будут совпадать, так как они ссылаются на один и тот же объект или массив. Vue не сохраняет копии объекта на момент, предшествовавший изменениям.</p>
1050
1050
1051
1051
-**Пример:**
1052
1052
@@ -1234,7 +1234,7 @@ type: api
1234
1234
1235
1235
-**Использование:**
1236
1236
1237
-
Выполняет функцию callback при следующем цикле обновления DOM. Вызывайте сразу после изменения данных, чтобы работать с обновлённым DOM. Функция делает то же самое, что и глобальный `Vue.nextTick`, но кроме того связывает `this` с текущим инстансом в коллбэке.
1237
+
Выполняет функцию `callback` при следующем цикле обновления DOM. Вызывайте сразу после изменения данных, чтобы работать с обновлённым DOM. Функция делает то же самое, что и глобальный `Vue.nextTick`, но кроме того связывает `this` с текущим инстансом в коллбэке.
1238
1238
1239
1239
> Добавлено в версии 2.1.0: возвращает `Promise`, если окружение их поддерживает и коллбэк не указан.
1240
1240
@@ -1335,7 +1335,7 @@ type: api
1335
1335
1336
1336
Эта директива также запускает анимационные переходы при изменении условия.
1337
1337
1338
-
<pclass="tip">При совместном использовании `v-if` и `v-for`, `v-for` имеет более высокий приоритет. Подробности на странице <ahref="../guide/list.html#v-for-и-v-if">рендеринга списков</a>.</p>
1338
+
<pclass="tip">При совместном использовании `v-if` и `v-for`, `v-for` имеет более высокий приоритет. Подробности на странице <ahref="../guide/list.html#v-for-и-v-if">рендеринга списков</a>.</p>
В этом случае 'errorClass' будет применён к элементу всегда, а `activeClass` — только в случае истинности `isActive`.
106
+
В этом случае `errorClass` будет применён к элементу всегда, а `activeClass` — только в случае истинности `isActive`.
107
107
108
108
Однако, такая запись становится слегка громоздкой, если у вас есть несколько классов, задаваемых по условию. Поэтому можно использовать и смешанный синтаксис:
Copy file name to clipboardExpand all lines: src/v2/guide/comparison.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -102,7 +102,7 @@ React и Vue во многом похожи. Они оба:
102
102
103
103
#### JSX vs Шаблоны
104
104
105
-
В React, все компоненты описывают свой UI посредством render-функций, используя JSX — декларативный XML-подобный синтаксис, работающий внутри JavaScript. Вот пример, [одобренный сообществом React](https://github.com/vuejs/vuejs.org/issues/364#issuecomment-244582684):
105
+
В React, все компоненты описывают свой UI посредством `render`-функций, используя JSX — декларативный XML-подобный синтаксис, работающий внутри JavaScript. Вот пример, [одобренный сообществом React](https://github.com/vuejs/vuejs.org/issues/364#issuecomment-244582684):
106
106
107
107
```jsx
108
108
render () {
@@ -223,9 +223,9 @@ Vue масштабируется вверх ничуть не хуже (если
223
223
224
224
### Нативный рендеринг
225
225
226
-
ReactNative позволяет писать нативные приложения для iOS и Android, используя ту же самую модель компонент React'а. Это — прекрасно, так как позволяет разработчикам применить знание одного и того же фреймворка на различных платформах. В этой области, Vue официально поддерживает проект [Weex](https://alibaba.github.io/weex/) — кросс-платформенный UI-фреймворк, разрабатываемый Alibaba Group и использующий Vue в качестве основного JavaScript-фреймворка. Это значит, что с Weex вы можете использовать тот же синтаксис Vue для создания нативных элементов iOS и Android!
226
+
React Native позволяет писать нативные приложения для iOS и Android, используя ту же самую модель компонент React'а. Это — прекрасно, так как позволяет разработчикам применить знание одного и того же фреймворка на различных платформах. В этой области, Vue официально поддерживает проект [Weex](https://alibaba.github.io/weex/) — кросс-платформенный UI-фреймворк, разрабатываемый Alibaba Group и использующий Vue в качестве основного JavaScript-фреймворка. Это значит, что с Weex вы можете использовать тот же синтаксис Vue для создания нативных элементов iOS и Android!
227
227
228
-
На данный момент Weex всё ещё находится в активной фазе разработки, и ещё не столь матёр и проверен опытом, как ReactNative. Однако, его разработка мотивируется реальными требованиями крупнейшего бизнеса электронной коммерции в мире. Команда разработки Vue также активно взаимодействует с разработчиками Weex, гарантируя отсутствие неожиданностей для Vue-разработчиков.
228
+
На данный момент Weex всё ещё находится в активной фазе разработки, и ещё не столь матёр и проверен опытом, как React Native. Однако, его разработка мотивируется реальными требованиями крупнейшего бизнеса электронной коммерции в мире. Команда разработки Vue также активно взаимодействует с разработчиками Weex, гарантируя отсутствие неожиданностей для Vue-разработчиков.
Вы можете открыть консоль и поиграть с примером сами. Значение `vm.reversedMessage` всегда зависит от значения `vm.message`.
77
77
78
-
В шаблонах вы можете привязываться к вычисляемым свойствам ровно таким же образом, как и к обычным. Vue знает, что `vm.reversedMessage` зависит от `vm.message`, так что при обновлении `vm.message` обновятся и все элементы, зависящие от `vm.reversedMessage`. Приятнее всего то, что эту зависимость мы указали декларативно: геттер вычисляемого свойства является чистой функцией (pure function) и не имеет побочных эффектов, что упрощает как понимание кода, так и тестирование.
78
+
В шаблонах вы можете привязываться к вычисляемым свойствам ровно таким же образом, как и к обычным. Vue знает, что `vm.reversedMessage` зависит от `vm.message`, так что при обновлении `vm.message` обновятся и все элементы, зависящие от `vm.reversedMessage`. Приятнее всего то, что эту зависимость мы указали декларативно: геттер вычисляемого свойства не имеет побочных эффектов, что упрощает как понимание кода, так и тестирование.
79
79
80
80
### Кеширование вычисляемых свойств
81
81
@@ -227,12 +227,12 @@ var watchExampleVM = new Vue({
227
227
// см. документацию: https://lodash.com/docs#debounce
228
228
getAnswer:_.debounce(
229
229
function () {
230
-
var vm =this
231
230
if (this.question.indexOf('?') ===-1) {
232
-
vm.answer='Вопросы обычно заканчиваются вопросительным знаком. ;-)'
231
+
this.answer='Вопросы обычно заканчиваются вопросительным знаком. ;-)'
Copy file name to clipboardExpand all lines: src/v2/guide/deployment.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -65,11 +65,11 @@ rollup({
65
65
66
66
## Пре-компиляция шаблонов
67
67
68
-
При использовании DOM в качестве шаблона или строковых шаблонов в JavaScript, компиляция в render-функцию будет выполняться на лету. Это достаточно быстро для большинства случаев, но если ваше приложение нуждается в максимальной производительности стоит этого избегать.
68
+
При использовании DOM в качестве шаблона или строковых шаблонов в JavaScript, компиляция в `render`-функцию будет выполняться на лету. Это достаточно быстро для большинства случаев, но если ваше приложение нуждается в максимальной производительности стоит этого избегать.
69
69
70
-
Самый простой способ предварительной компиляции шаблонов — использовать [однофайловые компоненты](./single-file-components.html). На этапе сборки проекта будет выполнена предварительная компиляция, поэтому результирующий код будет содержать только render-функции вместо сырых строковых шаблонов.
70
+
Самый простой способ предварительной компиляции шаблонов — использовать [однофайловые компоненты](./single-file-components.html). На этапе сборки проекта будет выполнена предварительная компиляция, поэтому результирующий код будет содержать только `render`-функции вместо сырых строковых шаблонов.
71
71
72
-
Если вы используете Webpack и предпочитаете разделять JavaScript и файлы шаблонов, вы можете воспользоваться [vue-template-loader](https://github.com/ktsn/vue-template-loader), который также преобразует файлы шаблонов в render-функции на JavaScript на этапе сборки.
72
+
Если вы используете Webpack и предпочитаете разделять JavaScript и файлы шаблонов, вы можете воспользоваться [vue-template-loader](https://github.com/ktsn/vue-template-loader), который также преобразует файлы шаблонов в `render`-функции на JavaScript на этапе сборки.
0 commit comments