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
+22-18Lines changed: 22 additions & 18 deletions
Original file line number
Diff line number
Diff line change
@@ -574,7 +574,7 @@ type: api
574
574
575
575
Если строка начинается с `#`, она будет использована как querySelector, а в качестве строкового шаблона будет использован innerHTML элемента с указанным id. Так вы сможете включать шаблоны, из тегов вроде `<script type="x-template">`.
576
576
577
-
<pclass="tip">Чтобы оставаться в безопасности, используйте только те шаблоны Vue, которым можете доверять. Никогда не используйте в качестве шаблона данные, вводимые пользователем.</p>
577
+
<pclass="tip">С точки зрения безопасности необходимо использовать только те шаблоны Vue, которым вы можете доверять. Никогда не используйте в качестве шаблона данные, вводимые пользователем.</p>
Хук (hook - буквально "крючок"), функция, вызывающаяся в определенный момент жизненного цикла сущности, например, непосредственно перед или после создания компонента Vue. Хук позволяет расширить или изменить стандартное поведение на пользовательское.
599
+
598
600
Контекст `this` хуков указывает на инстанс Vue c данными, вычисляемыми свойствами и методами. Это значит, что __вам не следует использовать стрелочные функции для определения хуков жизненного цикла__ (напр. `created: () => this.fetchTodos()`). Поскольку стрелочные функции связываются с родительским контекстом, `this` не будет указывать на инстанс Vue, и `this.fetchTodos` окажется неопределенным.
599
601
600
602
### beforeCreate
@@ -765,7 +767,7 @@ type: api
765
767
766
768
-**Подробности:**
767
769
768
-
Указывает новому инстансу на родительский и устанавливает отношение "родитель-ребёнок" между ними. Родительский элемент будет доступен дочернему в `this.$parent`, а дочерний элемент будет добавлен в массив `$children` родителя.
770
+
Определяет родительский инстанс для создаваемого. Устанавливает отношение "родитель-ребёнок" между ними. Родитель будет доступен дочернему инстансу посредством `this.$parent`, а дочерний инстанс будет добавлен в массив `$children` родителя.
769
771
770
772
<pclass="tip">Старайтесь реже использовать `$parent` и `$children` — этот механизм мы предусмотрели на крайний случай. Для общения между родителем и ребёнком лучше использовать свойства и события.</p>
771
773
@@ -775,9 +777,9 @@ type: api
775
777
776
778
-**Подробности:**
777
779
778
-
Массив объектов-миксинов. Миксины могут содержать те же опции, что и обычные объекты инстансов Vue — они будут добавлены к основным опциям согласно логике `Vue.extend()`. Например, если и миксин и объект оба содержат хук `created`, вызваны будут они оба.
780
+
Массив объектов-примесей. Примеси могут содержать те же опции, что и обычные объекты инстансов Vue — они будут добавлены к основным опциям согласно логике `Vue.extend()`. Например, если и примесь и объект оба содержат хук `created`, вызваны будут они оба.
779
781
780
-
Хуки миксинов вызываются в порядке их определения, до вызова собственных хуков компонента.
782
+
Хуки примесей вызываются в порядке их определения, до вызова собственных хуков компонента.
781
783
782
784
-**Пример:**
783
785
@@ -793,7 +795,7 @@ type: api
793
795
// -> 2
794
796
```
795
797
796
-
-**См. также:**[Миксины](../guide/mixins.html)
798
+
-**См. также:**[Примеси](../guide/mixins.html)
797
799
798
800
### name
799
801
@@ -803,9 +805,9 @@ type: api
803
805
804
806
-**Подробности:**
805
807
806
-
Название компонента. Позволяет компоненту рекурсивно вызывать самого себя в шаблоне. Обратите внимание что когда компонент регистрируется глобально посредством `Vue.component()`, глобальный ID автоматически становится таким же, как и имя.
808
+
Название компонента. Позволяет компоненту рекурсивно вызывать самого себя в шаблоне. Обратите внимание что когда компонент регистрируется глобально посредством `Vue.component()`, глобальный ID автоматически устанавливается равным его имени.
807
809
808
-
Кроме того, компоненты с указанным `name` проще отлаживать из-за более понятных сообщений в консоли. В [vue-devtools](https://github.com/vuejs/vue-devtools) все безымянные компоненты довольно неинформативно называются `<AnonymousComponent>`. Когда у компонентов указано `name`, дерево компонентов становится куда понятнее.
810
+
Кроме того, компоненты с указанным `name` проще отлаживать из-за более понятных сообщений в консоли. В [vue-devtools](https://github.com/vuejs/vue-devtools) все безымянные компоненты довольно неинформативно называются `<AnonymousComponent>`. Указание имён для компонентов значительно улучшает ситуацию.
809
811
810
812
### extends
811
813
@@ -855,7 +857,7 @@ type: api
855
857
856
858
-**Подробности:**
857
859
858
-
Превращает компонент в функциональный, то есть не имеющий собственного состояния (`data`) и своего инстанса (`this`). Такие компоненты по сути — просто функция `render`, возвращающая узлы виртуального DOM. Это сильно ускоряет их рендер.
860
+
Превращает компонент в функциональный, то есть не имеющий собственного состояния (`data`) и своего инстанса (`this`). Такие компоненты по сути — просто функция `render`, возвращающая узлы виртуального DOM. Это сильно ускоряет их рендеринг.
Используется для доступа к контенту, [распространяемому слотами](../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` содержит узлы, не включённые в именованные слоты.
942
944
943
945
Особенно полезно `vm.$slots` в компонентах с [render-функциями](../guide/render-function.html).
944
946
@@ -1041,7 +1043,7 @@ type: api
1041
1043
1042
1044
-**Использование:**
1043
1045
1044
-
Запускает слежение за выражением или вычисляемой функцией на предмет изменений. В параметры коллбэка будут переданы новые и старые значения отслеживаемого объекта. Выражение может быть только простым путём до переменной с разделителями-точками. Для более сложных случаев используйте функцию.
1046
+
Запускает наблюдение за выражением или вычисляемой функцией на предмет изменений. В параметры коллбэка будут переданы новое и старое значения отслеживаемого объекта. Выражение может быть только простым путём до переменной с разделителями-точками. Для более сложных случаев используйте функцию.
1045
1047
1046
1048
<pclass="tip">Обратите внимание: когда изменяете (а не заменяете) объект или массив, старое и новое значения при вызове коллбэка будут совпадать, так как они ссылаются на один и тот же объект или массив. Vue не сохраняяет копии объекта на момент, предшествовавший изменениям.</p>
1047
1049
@@ -1086,7 +1088,7 @@ type: api
1086
1088
1087
1089
-**Опция: immediate**
1088
1090
1089
-
Если передано `immediate: true`, коллбэк будет вызван сразу же после начала слежения с текущим значением выражения:
1091
+
Если передано `immediate: true`, коллбэк будет вызван сразу же после начала наблюдения с текущим значением выражения:
1090
1092
1091
1093
```js
1092
1094
vm.$watch('a', callback, {
@@ -1132,7 +1134,7 @@ type: api
1132
1134
1133
1135
-**Использование:**
1134
1136
1135
-
Реагирует на пользовательское событие текущего vm. Такое событие можно вызвать функцией `vm.$emit`. Коллбэк получит все дополнительные аргументы, переданные этому методу.
1137
+
Создает подписку на пользовательское событие текущего vm. Такое событие можно породить функцией `vm.$emit`. Коллбэк получит все дополнительные аргументы, переданные этому методу.
1136
1138
1137
1139
-**Пример:**
1138
1140
@@ -1152,7 +1154,7 @@ type: api
1152
1154
1153
1155
-**Использование:**
1154
1156
1155
-
Реагирует на пользовательское событиеодин раз. После первого использования подписчик будет удалён.
1157
+
Создает подписку на пользовательское событие, но срабатывает только один раз. После первого же использования подписчик будет удалён.
1156
1158
1157
1159
<h3id="vm-off">vm.$off( [event, callback] )</h3>
1158
1160
@@ -1176,7 +1178,7 @@ type: api
1176
1178
-`{string} event`
1177
1179
-`[...args]`
1178
1180
1179
-
Вызывает событие в текущем инстансе. Все дополнительно указанные параметры будут переданы в коллбэк подписки.
1181
+
Порождает событие в текущем инстансе. Все дополнительно указанные параметры будут переданы в коллбэк подписки.
1180
1182
1181
1183
## Методы инстанса — жизненный цикл
1182
1184
@@ -1264,7 +1266,7 @@ type: api
1264
1266
1265
1267
-**Использование:**
1266
1268
1267
-
Полностью уничтожает vm. Очищает связи с другими существующими vm, отвязывает директивы, выключает все подписки на события.
1269
+
Полностью уничтожает vm. Очищает связи с другими существующими vm, отвязывает директивы, отменяет все подписки на события.
1268
1270
1269
1271
Вызывает хуки `beforeDestroy` и `destroyed`.
1270
1272
@@ -1300,7 +1302,7 @@ type: api
1300
1302
1301
1303
Управляет HTML-содержимым элемента (`innerHTML`). **Обратите внимание, что содержимое вставляется как обычный HTML — то есть не компилируется как шаблон Vue**. Не стоит организовывать вложенные шаблоны с помощью `v-html`, попробуйте лучше применить компоненты.
1302
1304
1303
-
<pclass="tip">Динамический рендер произвольного HTML-кода на сайте — это очень опасно, так как легко приводит к [XSS-атакам](https://en.wikipedia.org/wiki/Cross-site_scripting). Передавайте в `v-html` только доверенный код, **никогда** не передавайте сюда ничего, предоставленного пользователями.</p>
1305
+
<pclass="tip">Динамический рендеринг произвольного HTML-кода на сайте — это очень опасная практика, легко приводящая к уязвимостям к [XSS-атакам](https://en.wikipedia.org/wiki/Cross-site_scripting). Передавайте в `v-html` только содержимое, которому можно доверять, и **никогда** - необработанный пользовательский ввод.</p>
1304
1306
1305
1307
-**Пример:**
1306
1308
@@ -1328,7 +1330,9 @@ type: api
1328
1330
1329
1331
-**Использование:**
1330
1332
1331
-
Если указанное значение истинное, рендерит элемент, а если ложное — не рендерит. Когда значение переключается, элемент и содержащиеся в нём компоненты с директивами уничтожаются или пересоздаются. Если элемент — `<template>`, вместо элемента будет отрендерено его содержимое. Это нужно, чтобы завернуть в один v-if несколько элементов сразу.
1333
+
Осуществляет рендеринг элемента, только если передаваемое выражение истинно. При изменении значения выражения на противоположное, элемент и содержащиеся в нём компоненты и директивы уничтожаются/пересоздаются. Если элемент — `<template>`, вместо него будет отрендерено его содержимое.
1334
+
1335
+
Эта директива также запускает анимационные переходы при изменении условия.
0 commit comments