Skip to content

Commit bc9776d

Browse files
authored
Merge pull request vuejs#45 from airyboy/master
Airyboy-api-fixes
2 parents 280086f + 132fd5a commit bc9776d

File tree

1 file changed

+22
-18
lines changed

1 file changed

+22
-18
lines changed

src/v2/api/index.md

Lines changed: 22 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -574,7 +574,7 @@ type: api
574574

575575
Если строка начинается с `#`, она будет использована как querySelector, а в качестве строкового шаблона будет использован innerHTML элемента с указанным id. Так вы сможете включать шаблоны, из тегов вроде `<script type="x-template">`.
576576

577-
<p class="tip">Чтобы оставаться в безопасности, используйте только те шаблоны Vue, которым можете доверять. Никогда не используйте в качестве шаблона данные, вводимые пользователем.</p>
577+
<p class="tip">С точки зрения безопасности необходимо использовать только те шаблоны Vue, которым вы можете доверять. Никогда не используйте в качестве шаблона данные, вводимые пользователем.</p>
578578

579579
- **См. также:**
580580
- [Диаграмма жизненного цикла](../guide/instance.html#Диаграмма-жизненного-цикла)
@@ -595,6 +595,8 @@ type: api
595595

596596
## Опции — хуки жизненного цикла
597597

598+
Хук (hook - буквально "крючок"), функция, вызывающаяся в определенный момент жизненного цикла сущности, например, непосредственно перед или после создания компонента Vue. Хук позволяет расширить или изменить стандартное поведение на пользовательское.
599+
598600
Контекст `this` хуков указывает на инстанс Vue c данными, вычисляемыми свойствами и методами. Это значит, что __вам не следует использовать стрелочные функции для определения хуков жизненного цикла__ (напр. `created: () => this.fetchTodos()`). Поскольку стрелочные функции связываются с родительским контекстом, `this` не будет указывать на инстанс Vue, и `this.fetchTodos` окажется неопределенным.
599601

600602
### beforeCreate
@@ -765,7 +767,7 @@ type: api
765767

766768
- **Подробности:**
767769

768-
Указывает новому инстансу на родительский и устанавливает отношение "родитель-ребёнок" между ними. Родительский элемент будет доступен дочернему в `this.$parent`, а дочерний элемент будет добавлен в массив `$children` родителя.
770+
Определяет родительский инстанс для создаваемого. Устанавливает отношение "родитель-ребёнок" между ними. Родитель будет доступен дочернему инстансу посредством `this.$parent`, а дочерний инстанс будет добавлен в массив `$children` родителя.
769771

770772
<p class="tip">Старайтесь реже использовать `$parent` и `$children` — этот механизм мы предусмотрели на крайний случай. Для общения между родителем и ребёнком лучше использовать свойства и события.</p>
771773

@@ -775,9 +777,9 @@ type: api
775777

776778
- **Подробности:**
777779

778-
Массив объектов-миксинов. Миксины могут содержать те же опции, что и обычные объекты инстансов Vue — они будут добавлены к основным опциям согласно логике `Vue.extend()`. Например, если и миксин и объект оба содержат хук `created`, вызваны будут они оба.
780+
Массив объектов-примесей. Примеси могут содержать те же опции, что и обычные объекты инстансов Vue — они будут добавлены к основным опциям согласно логике `Vue.extend()`. Например, если и примесь и объект оба содержат хук `created`, вызваны будут они оба.
779781

780-
Хуки миксинов вызываются в порядке их определения, до вызова собственных хуков компонента.
782+
Хуки примесей вызываются в порядке их определения, до вызова собственных хуков компонента.
781783

782784
- **Пример:**
783785

@@ -793,7 +795,7 @@ type: api
793795
// -> 2
794796
```
795797

796-
- **См. также:** [Миксины](../guide/mixins.html)
798+
- **См. также:** [Примеси](../guide/mixins.html)
797799

798800
### name
799801

@@ -803,9 +805,9 @@ type: api
803805

804806
- **Подробности:**
805807

806-
Название компонента. Позволяет компоненту рекурсивно вызывать самого себя в шаблоне. Обратите внимание что когда компонент регистрируется глобально посредством `Vue.component()`, глобальный ID автоматически становится таким же, как и имя.
808+
Название компонента. Позволяет компоненту рекурсивно вызывать самого себя в шаблоне. Обратите внимание что когда компонент регистрируется глобально посредством `Vue.component()`, глобальный ID автоматически устанавливается равным его имени.
807809

808-
Кроме того, компоненты с указанным `name` проще отлаживать из-за более понятных сообщений в консоли. В [vue-devtools](https://github.com/vuejs/vue-devtools) все безымянные компоненты довольно неинформативно называются `<AnonymousComponent>`. Когда у компонентов указано `name`, дерево компонентов становится куда понятнее.
810+
Кроме того, компоненты с указанным `name` проще отлаживать из-за более понятных сообщений в консоли. В [vue-devtools](https://github.com/vuejs/vue-devtools) все безымянные компоненты довольно неинформативно называются `<AnonymousComponent>`. Указание имён для компонентов значительно улучшает ситуацию.
809811

810812
### extends
811813

@@ -855,7 +857,7 @@ type: api
855857

856858
- **Подробности:**
857859

858-
Превращает компонент в функциональный, то есть не имеющий собственного состояния (`data`) и своего инстанса (`this`). Такие компоненты по сути — просто функция `render`, возвращающая узлы виртуального DOM. Это сильно ускоряет их рендер.
860+
Превращает компонент в функциональный, то есть не имеющий собственного состояния (`data`) и своего инстанса (`this`). Такие компоненты по сути — просто функция `render`, возвращающая узлы виртуального DOM. Это сильно ускоряет их рендеринг.
859861

860862
- **См. также:** [Функциональные компоненты](../guide/render-function.html#Функциональные-компоненты)
861863

@@ -938,7 +940,7 @@ type: api
938940

939941
- **Подробности:**
940942

941-
Используется для доступа к контенту, [распространяемому слотами](../guide/components.html#Дистрибьюция-контента-через-слоты). У каждого [именованного слота](../guide/components.html#Именованные-слоты) есть соответствующее значение (например, содержимое `slot="foo"` попадёт в `vm.$slots.foo`). Свойство `default` содержит узлы, не включённые в именованные слоты.
943+
Используется для доступа к контенту, [распределяемому слотами](../guide/components.html#Дистрибьюция-контента-через-слоты). У каждого [именованного слота](../guide/components.html#Именованные-слоты) есть соответствующее значение (например, содержимое `slot="foo"` попадёт в `vm.$slots.foo`). Свойство `default` содержит узлы, не включённые в именованные слоты.
942944

943945
Особенно полезно `vm.$slots` в компонентах с [render-функциями](../guide/render-function.html).
944946

@@ -1041,7 +1043,7 @@ type: api
10411043

10421044
- **Использование:**
10431045

1044-
Запускает слежение за выражением или вычисляемой функцией на предмет изменений. В параметры коллбэка будут переданы новые и старые значения отслеживаемого объекта. Выражение может быть только простым путём до переменной с разделителями-точками. Для более сложных случаев используйте функцию.
1046+
Запускает наблюдение за выражением или вычисляемой функцией на предмет изменений. В параметры коллбэка будут переданы новое и старое значения отслеживаемого объекта. Выражение может быть только простым путём до переменной с разделителями-точками. Для более сложных случаев используйте функцию.
10451047

10461048
<p class="tip">Обратите внимание: когда изменяете (а не заменяете) объект или массив, старое и новое значения при вызове коллбэка будут совпадать, так как они ссылаются на один и тот же объект или массив. Vue не сохраняяет копии объекта на момент, предшествовавший изменениям.</p>
10471049

@@ -1086,7 +1088,7 @@ type: api
10861088

10871089
- **Опция: immediate**
10881090

1089-
Если передано `immediate: true`, коллбэк будет вызван сразу же после начала слежения с текущим значением выражения:
1091+
Если передано `immediate: true`, коллбэк будет вызван сразу же после начала наблюдения с текущим значением выражения:
10901092

10911093
``` js
10921094
vm.$watch('a', callback, {
@@ -1132,7 +1134,7 @@ type: api
11321134

11331135
- **Использование:**
11341136

1135-
Реагирует на пользовательское событие текущего vm. Такое событие можно вызвать функцией `vm.$emit`. Коллбэк получит все дополнительные аргументы, переданные этому методу.
1137+
Создает подписку на пользовательское событие текущего vm. Такое событие можно породить функцией `vm.$emit`. Коллбэк получит все дополнительные аргументы, переданные этому методу.
11361138

11371139
- **Пример:**
11381140

@@ -1152,7 +1154,7 @@ type: api
11521154

11531155
- **Использование:**
11541156

1155-
Реагирует на пользовательское событие один раз. После первого использования подписчик будет удалён.
1157+
Создает подписку на пользовательское событие, но срабатывает только один раз. После первого же использования подписчик будет удалён.
11561158

11571159
<h3 id="vm-off">vm.$off( [event, callback] )</h3>
11581160

@@ -1176,7 +1178,7 @@ type: api
11761178
- `{string} event`
11771179
- `[...args]`
11781180

1179-
Вызывает событие в текущем инстансе. Все дополнительно указанные параметры будут переданы в коллбэк подписки.
1181+
Порождает событие в текущем инстансе. Все дополнительно указанные параметры будут переданы в коллбэк подписки.
11801182

11811183
## Методы инстанса — жизненный цикл
11821184

@@ -1264,7 +1266,7 @@ type: api
12641266

12651267
- **Использование:**
12661268

1267-
Полностью уничтожает vm. Очищает связи с другими существующими vm, отвязывает директивы, выключает все подписки на события.
1269+
Полностью уничтожает vm. Очищает связи с другими существующими vm, отвязывает директивы, отменяет все подписки на события.
12681270

12691271
Вызывает хуки `beforeDestroy` и `destroyed`.
12701272

@@ -1300,7 +1302,7 @@ type: api
13001302

13011303
Управляет HTML-содержимым элемента (`innerHTML`). **Обратите внимание, что содержимое вставляется как обычный HTML — то есть не компилируется как шаблон Vue**. Не стоит организовывать вложенные шаблоны с помощью `v-html`, попробуйте лучше применить компоненты.
13021304

1303-
<p class="tip">Динамический рендер произвольного HTML-кода на сайте — это очень опасно, так как легко приводит к [XSS-атакам](https://en.wikipedia.org/wiki/Cross-site_scripting). Передавайте в `v-html` только доверенный код, **никогда** не передавайте сюда ничего, предоставленного пользователями.</p>
1305+
<p class="tip">Динамический рендеринг произвольного HTML-кода на сайте — это очень опасная практика, легко приводящая к уязвимостям к [XSS-атакам](https://en.wikipedia.org/wiki/Cross-site_scripting). Передавайте в `v-html` только содержимое, которому можно доверять, и **никогда** - необработанный пользовательский ввод.</p>
13041306

13051307
- **Пример:**
13061308

@@ -1328,7 +1330,9 @@ type: api
13281330

13291331
- **Использование:**
13301332

1331-
Если указанное значение истинное, рендерит элемент, а если ложное — не рендерит. Когда значение переключается, элемент и содержащиеся в нём компоненты с директивами уничтожаются или пересоздаются. Если элемент — `<template>`, вместо элемента будет отрендерено его содержимое. Это нужно, чтобы завернуть в один v-if несколько элементов сразу.
1333+
Осуществляет рендеринг элемента, только если передаваемое выражение истинно. При изменении значения выражения на противоположное, элемент и содержащиеся в нём компоненты и директивы уничтожаются/пересоздаются. Если элемент — `<template>`, вместо него будет отрендерено его содержимое.
1334+
1335+
Эта директива также запускает анимационные переходы при изменении условия.
13321336

13331337

13341338
- **См. также:** [Условный рендер — v-if](../guide/conditional.html)
@@ -1400,7 +1404,7 @@ type: api
14001404
</div>
14011405
```
14021406

1403-
Кроме того, вы можете указать название для индекса (или ключа, если вы работаете с хэшем):
1407+
Кроме того, вы можете указать название для индекса (или ключа, если вы работаете с объектом):
14041408

14051409
``` html
14061410
<div v-for="(item, index) in items"></div>

0 commit comments

Comments
 (0)