Skip to content

Commit f756a9f

Browse files
authored
Merge pull request vuejs#101 from Alex-Sokolov/master
Инстанс --> экземпляр
2 parents 8454038 + 76685ba commit f756a9f

File tree

14 files changed

+119
-119
lines changed

14 files changed

+119
-119
lines changed

src/v2/api/index.md

Lines changed: 67 additions & 67 deletions
Large diffs are not rendered by default.

src/v2/guide/comparison.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ React и Vue во многом похожи. Они оба:
3939

4040
В React, условно говоря, дополнительная трудоёмкость рендеринга элемента равна 1, а для компонента — 2. Для Vue эти цифры будут ближе к 0.1 и 4 соответственно. Это значит, что в типичных приложениях, где простых элементов DOM куда больше, чем компонентов, Vue будет существенно обгонять React. В экстремальных же случаях, как например при использовании компонента для каждого HTML-элемента, Vue обычно будет медленнее. Но это ещё не всё.
4141

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-движков.
4343

4444
Впрочем, если вам лень этим заниматься, вот цифры, полученные при запуске этого теста в Chrome 52 на MacBook Air 2014. Таблица обобщает результаты 20 запусков:
4545

src/v2/guide/components.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ order: 11
1212

1313
### Регистрация
1414

15-
В предыдущих разделах мы научились создавать инстансы Vue:
15+
В предыдущих разделах мы научились создавать экземпляры Vue:
1616

1717
``` js
1818
new Vue({
@@ -31,7 +31,7 @@ Vue.component('my-component', {
3131

3232
<p class="tip">Обратите внимание, что Vue не требует соблюдения [правил W3C](http://www.w3.org/TR/custom-elements/#concepts) для пользовательских имён тегов (таких как требования использования только нижнего регистра и применения дефисов), хотя следование этим соглашениям считается хорошей практикой.</p>
3333

34-
Зарегистрированный компонент можно использовать в шаблоне инстанса как пользовательский элемент `<my-component></my-component>`. Компонент обязательно должен быть зарегистрирован **до создания корневого инстанса Vue**. Вот полный пример:
34+
Зарегистрированный компонент можно использовать в шаблоне экземпляра как пользовательский элемент `<my-component></my-component>`. Компонент обязательно должен быть зарегистрирован **до создания корневого экземпляра Vue**. Вот полный пример:
3535

3636
``` html
3737
<div id="example">
@@ -45,7 +45,7 @@ Vue.component('my-component', {
4545
template: '<div>Пользовательский компонент!</div>'
4646
})
4747

48-
// создание корневого инстанса
48+
// создание корневого экземпляра
4949
new Vue({
5050
el: '#example'
5151
})
@@ -73,7 +73,7 @@ new Vue({ el: '#example' })
7373

7474
### Локальные компоненты
7575

76-
Необязательно регистрировать все компоненты глобально. Можно сделать компонент доступным только в области видимости другого инстанса или компонента, зарегистрировав его опцией `components`:
76+
Необязательно регистрировать все компоненты глобально. Можно сделать компонент доступным только в области видимости другого экземпляра или компонента, зарегистрировав его опцией `components`:
7777

7878
``` js
7979
var Child = {
@@ -227,7 +227,7 @@ new Vue({
227227

228228
### Передача данных через входные параметры
229229

230-
Каждый инстанс компонента имеет свою собственную **изолированную область видимости**. Поэтому напрямую обращаться к данным родительского компонента из шаблона компонента-потомка невозможно (да это и не требуется). Вместо этого данные передаются вниз по цепочке иерархии с помощью **входных параметров**.
230+
Каждый экземпляр компонента имеет свою собственную **изолированную область видимости**. Поэтому напрямую обращаться к данным родительского компонента из шаблона компонента-потомка невозможно (да это и не требуется). Вместо этого данные передаются вниз по цепочке иерархии с помощью **входных параметров**.
231231

232232
Входной параметр — это пользовательский атрибут для передачи информации из родительского компонента. Ожидаемые входные параметры нужно явно определить в потомке с помощью [опции `props`](../api/#props):
233233

@@ -439,7 +439,7 @@ Vue.component('example', {
439439

440440
### Использование `v-on` с пользовательскими событиями
441441

442-
Каждый инстанс Vue поддерживает [интерфейс событий](../api/#Методы-инстанса-—-события), позволяющий:
442+
Каждый экземпляр Vue поддерживает [интерфейс событий](../api/#Методы-экземпляра-—-события), позволяющий:
443443

444444
- Отслеживать события, используя `$on(eventName)`
445445
- Порождать события, используя `$emit(eventName)`
@@ -650,7 +650,7 @@ new Vue({
650650

651651
### Коммуникация между компонентами, не связанными иерархически
652652

653-
Иногда нужно обеспечить обмен информацией между компонентами, которые не состоят в отношениях родитель-потомок. В простых случаях можно использовать пустой инстанс Vue в качестве централизованной шины событий:
653+
Иногда нужно обеспечить обмен информацией между компонентами, которые не состоят в отношениях родитель-потомок. В простых случаях можно использовать пустой экземпляр Vue в качестве централизованной шины событий:
654654

655655
``` js
656656
var bus = new Vue()
@@ -826,7 +826,7 @@ API распределения контента — это очень полез
826826

827827
### Слоты с ограниченной областью видимости
828828

829-
> Добавлены в 2.1.0
829+
> Добавлено в версии 2.1.0
830830
831831
Слот с ограниченной областью видимости — это особый тип слота, который применяется как повторно используемый шаблон, то есть в этот слот передаются данные, а не уже отрендеренные элементы.
832832

@@ -979,11 +979,11 @@ API компонентов Vue состоит из трёх частей: вхо
979979

980980
``` js
981981
var parent = new Vue({ el: '#parent' })
982-
// получаем инстанс компонента-потомка
982+
// получаем экземпляр компонента-потомка
983983
var child = parent.$refs.profile
984984
```
985985

986-
Если `ref` используется вместе с директивой `v-for`, будет возвращен массив или объект со ссылками на инстансы, структурно повторяющий исходные данные.
986+
Если `ref` используется вместе с директивой `v-for`, будет возвращен массив или объект со ссылками на экземпляры, структурно повторяющий исходные данные.
987987

988988
<p class="tip">Объект `$refs` заполняется только после рендеринга компонента и не является реактивным. Считайте, что это крайнее средство для непосредственного вмешательства в работу компонента-потомка, и не используйте `$refs` в шаблонах и вычисляемых свойствах.</p>
989989

src/v2/guide/computed.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ var vm = new Vue({
3636
computed: {
3737
// геттер вычисляемого значения
3838
reversedMessage: function () {
39-
// `this` указывает на инстанс vm
39+
// `this` указывает на экземпляр vm
4040
return this.message.split('').reverse().join('')
4141
}
4242
}
@@ -112,7 +112,7 @@ computed: {
112112

113113
### Вычисляемые свойства и слежение
114114

115-
Vue также предоставляет и более общий способ наблюдения и реагирования на изменения данных в инстансе: **слежение за свойствами**. Когда у вас есть данные, которые должны быть обновлены при изменении других данных, возникает соблазн избыточно использовать этот подход, особенно если вы привыкли к Angular. Но, как правило, гораздо лучше использовать вычисляемые свойства, а не императивный коллбэк в `watch`. Рассмотрим пример:
115+
Vue также предоставляет и более общий способ наблюдения и реагирования на изменения данных в экземпляре: **слежение за свойствами**. Когда у вас есть данные, которые должны быть обновлены при изменении других данных, возникает соблазн избыточно использовать этот подход, особенно если вы привыкли к Angular. Но, как правило, гораздо лучше использовать вычисляемые свойства, а не императивный коллбэк в `watch`. Рассмотрим пример:
116116

117117
``` html
118118
<div id="demo">{{ fullName }}</div>

src/v2/guide/events.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ var example2 = new Vue({
6464
// определяйте методы в объекте `methods`
6565
methods: {
6666
greet: function (event) {
67-
// `this` внутри методов указывает на инстанс Vue
67+
// `this` внутри методов указывает на экземпляр Vue
6868
alert('Привет, ' + this.name + '!')
6969
// `event` — нативное событие DOM
7070
if (event) {
@@ -264,7 +264,7 @@ Vue.config.keyCodes.f1 = 112
264264

265265
## Почему подписчики указываются в HTML?
266266

267-
Может показаться, что такой подход к отслеживанию событий нарушает старое доброе правило "разделения мух и котлет". Не беспокойтесь — поскольку все обработчики во Vue строго связываются с ответственным за текущее представление инстансом vm, трудностей в поддержке не возникает. На практике, есть даже несколько преимуществ при использовании `v-on`:
267+
Может показаться, что такой подход к отслеживанию событий нарушает старое доброе правило "разделения мух и котлет". Не беспокойтесь — поскольку все обработчики во Vue строго связываются с ответственным за текущее представление экземпляром vm, трудностей в поддержке не возникает. На практике, есть даже несколько преимуществ при использовании `v-on`:
268268

269269
1. Легче получить представление об имеющихся обработчиках, просто пробежав глазами по HTML-коду шаблона.
270270

src/v2/guide/forms.md

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

99
Вы можете использовать директиву `v-model` для двунаправленного связывания данных с элементами форм input и textarea. Способ обновления элемента выбирается автоматически в зависимости от типа элемента. Хотя `v-model` и выглядит как нечто слегка волшебное, в действительности это всего лишь синтаксический сахар для обновления данных в элементах ввода, с некоторыми поправками для граничных случаев.
1010

11-
<p class="tip">Для `v-model` не имеет значения изначальное значение элемента input или textarea. В качестве источника истины всегда рассматривается только состояние инстанса Vue.</p>
11+
<p class="tip">Для `v-model` не имеет значения изначальное значение элемента input или textarea. В качестве источника истины всегда рассматривается только состояние экземпляра Vue.</p>
1212

1313
<p class="tip" id="vmodel-ime-tip">В языках, требующих [IME](https://en.wikipedia.org/wiki/Input_method) (китайский, японский, корейский и т.д.), можно заметить, что `v-model` не обновляется по мере IME-композиции. Если вы хотите обрабатывать и эти обновления, используйте события `input`.</p>
1414

@@ -288,7 +288,7 @@ new Vue({
288288
</select>
289289
```
290290

291-
Иногда хочется связать значение с динамическим свойством инстанса Vue. Для этого можно использовать `v-bind`. Кроме того, использование `v-bind` позволяет связывать поле ввода с нестроковыми переменными.
291+
Иногда хочется связать значение с динамическим свойством экземпляра Vue. Для этого можно использовать `v-bind`. Кроме того, использование `v-bind` позволяет связывать поле ввода с нестроковыми переменными.
292292

293293
### Чекбокс
294294

0 commit comments

Comments
 (0)