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/guide/comparison.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -39,7 +39,7 @@ React и Vue во многом похожи. Они оба:
39
39
40
40
В React, условно говоря, дополнительная трудоёмкость рендеринга элемента равна 1, а для компонента — 2. Для Vue эти цифры будут ближе к 0.1 и 4 соответственно. Это значит, что в типичных приложениях, где простых элементов DOM куда больше, чем компонентов, Vue будет существенно обгонять React. В экстремальных же случаях, как например при использовании компонента для каждого HTML-элемента, Vue обычно будет медленнее. Но это ещё не всё.
41
41
42
-
И Vue, и React позволяют использовать функциональные компоненты, не имеющие ни собственного состояния, ни инстанса — и потому требующие меньших вычислительных затрат. При использовании таких компонентов в критичных по быстродействию ситуациях, Vue вновь оказывается быстрее. Для демонстрации этого, мы создали простой [бенчмарк](https://github.com/chrisvfritz/vue-render-performance-comparisons), который 100 раз подряд рендерит 10,000 элементов списка. Мы предлагаем вам самим его запустить. Результаты отличаются в зависимости от используемого железа, браузера — и даже просто от запуска к запуску, в силу природы JavaScript-движков.
42
+
И Vue, и React позволяют использовать функциональные компоненты, не имеющие ни собственного состояния, ни экземпляра — и потому требующие меньших вычислительных затрат. При использовании таких компонентов в критичных по быстродействию ситуациях, Vue вновь оказывается быстрее. Для демонстрации этого, мы создали простой [бенчмарк](https://github.com/chrisvfritz/vue-render-performance-comparisons), который 100 раз подряд рендерит 10,000 элементов списка. Мы предлагаем вам самим его запустить. Результаты отличаются в зависимости от используемого железа, браузера — и даже просто от запуска к запуску, в силу природы JavaScript-движков.
43
43
44
44
Впрочем, если вам лень этим заниматься, вот цифры, полученные при запуске этого теста в Chrome 52 на MacBook Air 2014. Таблица обобщает результаты 20 запусков:
Copy file name to clipboardExpand all lines: src/v2/guide/components.md
+10-10Lines changed: 10 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ order: 11
12
12
13
13
### Регистрация
14
14
15
-
В предыдущих разделах мы научились создавать инстансы Vue:
15
+
В предыдущих разделах мы научились создавать экземпляры Vue:
16
16
17
17
```js
18
18
newVue({
@@ -31,7 +31,7 @@ Vue.component('my-component', {
31
31
32
32
<pclass="tip">Обратите внимание, что Vue не требует соблюдения [правил W3C](http://www.w3.org/TR/custom-elements/#concepts) для пользовательских имён тегов (таких как требования использования только нижнего регистра и применения дефисов), хотя следование этим соглашениям считается хорошей практикой.</p>
33
33
34
-
Зарегистрированный компонент можно использовать в шаблоне инстанса как пользовательский элемент `<my-component></my-component>`. Компонент обязательно должен быть зарегистрирован **до создания корневого инстанса Vue**. Вот полный пример:
34
+
Зарегистрированный компонент можно использовать в шаблоне экземпляра как пользовательский элемент `<my-component></my-component>`. Компонент обязательно должен быть зарегистрирован **до создания корневого экземпляра Vue**. Вот полный пример:
35
35
36
36
```html
37
37
<divid="example">
@@ -45,7 +45,7 @@ Vue.component('my-component', {
45
45
template:'<div>Пользовательский компонент!</div>'
46
46
})
47
47
48
-
// создание корневого инстанса
48
+
// создание корневого экземпляра
49
49
newVue({
50
50
el:'#example'
51
51
})
@@ -73,7 +73,7 @@ new Vue({ el: '#example' })
73
73
74
74
### Локальные компоненты
75
75
76
-
Необязательно регистрировать все компоненты глобально. Можно сделать компонент доступным только в области видимости другого инстанса или компонента, зарегистрировав его опцией `components`:
76
+
Необязательно регистрировать все компоненты глобально. Можно сделать компонент доступным только в области видимости другого экземпляра или компонента, зарегистрировав его опцией `components`:
77
77
78
78
```js
79
79
var Child = {
@@ -227,7 +227,7 @@ new Vue({
227
227
228
228
### Передача данных через входные параметры
229
229
230
-
Каждый инстанс компонента имеет свою собственную **изолированную область видимости**. Поэтому напрямую обращаться к данным родительского компонента из шаблона компонента-потомка невозможно (да это и не требуется). Вместо этого данные передаются вниз по цепочке иерархии с помощью **входных параметров**.
230
+
Каждый экземпляр компонента имеет свою собственную **изолированную область видимости**. Поэтому напрямую обращаться к данным родительского компонента из шаблона компонента-потомка невозможно (да это и не требуется). Вместо этого данные передаются вниз по цепочке иерархии с помощью **входных параметров**.
231
231
232
232
Входной параметр — это пользовательский атрибут для передачи информации из родительского компонента. Ожидаемые входные параметры нужно явно определить в потомке с помощью [опции `props`](../api/#props):
233
233
@@ -439,7 +439,7 @@ Vue.component('example', {
439
439
440
440
### Использование `v-on` с пользовательскими событиями
441
441
442
-
Каждый инстанс Vue поддерживает [интерфейс событий](../api/#Методы-инстанса-—-события), позволяющий:
442
+
Каждый экземпляр Vue поддерживает [интерфейс событий](../api/#Методы-экземпляра-—-события), позволяющий:
443
443
444
444
- Отслеживать события, используя `$on(eventName)`
445
445
- Порождать события, используя `$emit(eventName)`
@@ -650,7 +650,7 @@ new Vue({
650
650
651
651
### Коммуникация между компонентами, не связанными иерархически
652
652
653
-
Иногда нужно обеспечить обмен информацией между компонентами, которые не состоят в отношениях родитель-потомок. В простых случаях можно использовать пустой инстанс Vue в качестве централизованной шины событий:
653
+
Иногда нужно обеспечить обмен информацией между компонентами, которые не состоят в отношениях родитель-потомок. В простых случаях можно использовать пустой экземпляр Vue в качестве централизованной шины событий:
654
654
655
655
```js
656
656
var bus =newVue()
@@ -826,7 +826,7 @@ API распределения контента — это очень полез
826
826
827
827
### Слоты с ограниченной областью видимости
828
828
829
-
> Добавлены в 2.1.0
829
+
> Добавлено в версии 2.1.0
830
830
831
831
Слот с ограниченной областью видимости — это особый тип слота, который применяется как повторно используемый шаблон, то есть в этот слот передаются данные, а не уже отрендеренные элементы.
832
832
@@ -979,11 +979,11 @@ API компонентов Vue состоит из трёх частей: вхо
979
979
980
980
```js
981
981
var parent =newVue({ el:'#parent' })
982
-
// получаем инстанс компонента-потомка
982
+
// получаем экземпляр компонента-потомка
983
983
var child =parent.$refs.profile
984
984
```
985
985
986
-
Если `ref` используется вместе с директивой `v-for`, будет возвращен массив или объект со ссылками на инстансы, структурно повторяющий исходные данные.
986
+
Если `ref` используется вместе с директивой `v-for`, будет возвращен массив или объект со ссылками на экземпляры, структурно повторяющий исходные данные.
987
987
988
988
<pclass="tip">Объект `$refs` заполняется только после рендеринга компонента и не является реактивным. Считайте, что это крайнее средство для непосредственного вмешательства в работу компонента-потомка, и не используйте `$refs` в шаблонах и вычисляемых свойствах.</p>
Copy file name to clipboardExpand all lines: src/v2/guide/computed.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -36,7 +36,7 @@ var vm = new Vue({
36
36
computed: {
37
37
// геттер вычисляемого значения
38
38
reversedMessage:function () {
39
-
// `this` указывает на инстанс vm
39
+
// `this` указывает на экземпляр vm
40
40
returnthis.message.split('').reverse().join('')
41
41
}
42
42
}
@@ -112,7 +112,7 @@ computed: {
112
112
113
113
### Вычисляемые свойства и слежение
114
114
115
-
Vue также предоставляет и более общий способ наблюдения и реагирования на изменения данных в инстансе: **слежение за свойствами**. Когда у вас есть данные, которые должны быть обновлены при изменении других данных, возникает соблазн избыточно использовать этот подход, особенно если вы привыкли к Angular. Но, как правило, гораздо лучше использовать вычисляемые свойства, а не императивный коллбэк в `watch`. Рассмотрим пример:
115
+
Vue также предоставляет и более общий способ наблюдения и реагирования на изменения данных в экземпляре: **слежение за свойствами**. Когда у вас есть данные, которые должны быть обновлены при изменении других данных, возникает соблазн избыточно использовать этот подход, особенно если вы привыкли к Angular. Но, как правило, гораздо лучше использовать вычисляемые свойства, а не императивный коллбэк в `watch`. Рассмотрим пример:
Copy file name to clipboardExpand all lines: src/v2/guide/events.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -64,7 +64,7 @@ var example2 = new Vue({
64
64
// определяйте методы в объекте `methods`
65
65
methods: {
66
66
greet:function (event) {
67
-
// `this` внутри методов указывает на инстанс Vue
67
+
// `this` внутри методов указывает на экземпляр Vue
68
68
alert('Привет, '+this.name+'!')
69
69
// `event` — нативное событие DOM
70
70
if (event) {
@@ -264,7 +264,7 @@ Vue.config.keyCodes.f1 = 112
264
264
265
265
## Почему подписчики указываются в HTML?
266
266
267
-
Может показаться, что такой подход к отслеживанию событий нарушает старое доброе правило "разделения мух и котлет". Не беспокойтесь — поскольку все обработчики во Vue строго связываются с ответственным за текущее представление инстансом vm, трудностей в поддержке не возникает. На практике, есть даже несколько преимуществ при использовании `v-on`:
267
+
Может показаться, что такой подход к отслеживанию событий нарушает старое доброе правило "разделения мух и котлет". Не беспокойтесь — поскольку все обработчики во Vue строго связываются с ответственным за текущее представление экземпляром vm, трудностей в поддержке не возникает. На практике, есть даже несколько преимуществ при использовании `v-on`:
268
268
269
269
1. Легче получить представление об имеющихся обработчиках, просто пробежав глазами по HTML-коду шаблона.
Copy file name to clipboardExpand all lines: src/v2/guide/forms.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -8,7 +8,7 @@ order: 10
8
8
9
9
Вы можете использовать директиву `v-model` для двунаправленного связывания данных с элементами форм input и textarea. Способ обновления элемента выбирается автоматически в зависимости от типа элемента. Хотя `v-model` и выглядит как нечто слегка волшебное, в действительности это всего лишь синтаксический сахар для обновления данных в элементах ввода, с некоторыми поправками для граничных случаев.
10
10
11
-
<pclass="tip">Для `v-model` не имеет значения изначальное значение элемента input или textarea. В качестве источника истины всегда рассматривается только состояние инстанса Vue.</p>
11
+
<pclass="tip">Для `v-model` не имеет значения изначальное значение элемента input или textarea. В качестве источника истины всегда рассматривается только состояние экземпляра Vue.</p>
12
12
13
13
<pclass="tip"id="vmodel-ime-tip">В языках, требующих [IME](https://en.wikipedia.org/wiki/Input_method) (китайский, японский, корейский и т.д.), можно заметить, что `v-model` не обновляется по мере IME-композиции. Если вы хотите обрабатывать и эти обновления, используйте события `input`.</p>
14
14
@@ -288,7 +288,7 @@ new Vue({
288
288
</select>
289
289
```
290
290
291
-
Иногда хочется связать значение с динамическим свойством инстанса Vue. Для этого можно использовать `v-bind`. Кроме того, использование `v-bind` позволяет связывать поле ввода с нестроковыми переменными.
291
+
Иногда хочется связать значение с динамическим свойством экземпляра Vue. Для этого можно использовать `v-bind`. Кроме того, использование `v-bind` позволяет связывать поле ввода с нестроковыми переменными.
0 commit comments