@vue/language-service 2.1.10 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/data/language-blocks/cs.json +29 -930
- package/data/language-blocks/en.json +28 -929
- package/data/language-blocks/fr.json +28 -929
- package/data/language-blocks/it.json +28 -929
- package/data/language-blocks/ja.json +28 -929
- package/data/language-blocks/ko.json +28 -929
- package/data/language-blocks/pt.json +28 -929
- package/data/language-blocks/ru.json +28 -929
- package/data/language-blocks/zh-cn.json +30 -931
- package/data/language-blocks/zh-hk.json +28 -929
- package/data/locale.json +54 -0
- package/data/model-modifiers/cs.json +6 -165
- package/data/model-modifiers/en.json +6 -165
- package/data/model-modifiers/fr.json +6 -165
- package/data/model-modifiers/it.json +6 -165
- package/data/model-modifiers/ja.json +6 -165
- package/data/model-modifiers/ko.json +6 -165
- package/data/model-modifiers/pt.json +6 -165
- package/data/model-modifiers/ru.json +6 -165
- package/data/model-modifiers/zh-cn.json +6 -165
- package/data/model-modifiers/zh-hk.json +6 -165
- package/data/template/cs.json +59 -1429
- package/data/template/en.json +52 -1422
- package/data/template/fr.json +55 -1425
- package/data/template/it.json +49 -1427
- package/data/template/ja.json +53 -1423
- package/data/template/ko.json +44 -1422
- package/data/template/pt.json +44 -1422
- package/data/template/ru.json +52 -1422
- package/data/template/zh-cn.json +53 -1423
- package/data/template/zh-hk.json +44 -1422
- package/index.d.ts +2 -2
- package/index.js +14 -10
- package/lib/ideFeatures/nameCasing.js +15 -17
- package/lib/plugins/data.js +47 -20
- package/lib/plugins/utils.d.ts +3 -0
- package/lib/plugins/utils.js +14 -0
- package/lib/plugins/vue-autoinsert-dotvalue.d.ts +0 -9
- package/lib/plugins/vue-autoinsert-dotvalue.js +37 -53
- package/lib/plugins/vue-autoinsert-space.js +1 -1
- package/lib/plugins/vue-complete-define-assignment.js +14 -16
- package/lib/plugins/vue-directive-comments.js +10 -8
- package/lib/plugins/vue-document-drop.js +16 -13
- package/lib/plugins/vue-document-links.js +45 -39
- package/lib/plugins/vue-extract-file.d.ts +2 -1
- package/lib/plugins/vue-extract-file.js +29 -15
- package/lib/plugins/vue-inlayhints.d.ts +2 -2
- package/lib/plugins/vue-inlayhints.js +65 -56
- package/lib/plugins/vue-sfc.js +29 -27
- package/lib/plugins/vue-template.js +223 -201
- package/lib/plugins/vue-twoslash-queries.js +9 -4
- package/package.json +12 -11
- package/scripts/update-html-data.js +74 -70
package/data/template/ru.json
CHANGED
|
@@ -8,60 +8,7 @@
|
|
|
8
8
|
"value": "\nОбеспечивает эффекты анимированного перехода **одного** элемента или компонента.\n\n- **Входные параметры**\n\n ```ts\n interface TransitionProps {\n /**\n * Используется для автоматической генерации CSS-классов перехода.\n * Например, `name: 'fade'` автоматически раскроется в `.fade-enter`,\n * `.fade-enter-active` и т.д.\n */\n name?: string\n /**\n * Применять ли СSS-классы переходов.\n * По умолчанию: true\n */\n css?: boolean\n /**\n * Указывает тип событий перехода, которые необходимо ждать \n * для определения момента окончания перехода.\n * По умолчанию автоматически выбирается тип с большей длительностью.\n */\n type?: 'transition' | 'animation'\n /**\n * Определяет длительность перехода.\n * По умолчанию Vue ждёт первого события `transitionend`\n * или `animationend` на корневом элементе.\n */\n duration?: number | { enter: number; leave: number }\n /**\n * Управляет последовательностью переходов исчезновения/появления.\n * По умолчанию — одновременно.\n */\n mode?: 'in-out' | 'out-in' | 'default'\n /**\n * Применять ли переход при первоначальном рендере.\n * По умолчанию: false\n */\n appear?: boolean\n\n /**\n * Параметры для настройки классов перехода.\n * Используйте kebab-case в шаблонах, например enter-from-class=\"xxx\"\n */\n enterFromClass?: string\n enterActiveClass?: string\n enterToClass?: string\n appearFromClass?: string\n appearActiveClass?: string\n appearToClass?: string\n leaveFromClass?: string\n leaveActiveClass?: string\n leaveToClass?: string\n }\n ```\n\n- **События**\n\n - `@before-enter`\n - `@before-leave`\n - `@enter`\n - `@leave`\n - `@appear`\n - `@after-enter`\n - `@after-leave`\n - `@after-appear`\n - `@enter-cancelled`\n - `@leave-cancelled` (только для `v-show`)\n - `@appear-cancelled`\n\n- **Пример**\n\n Простой элемент:\n\n ```html\n <Transition>\n <div v-if=\"ok\">переключаемое содержимое</div>\n </Transition>\n ```\n\n Принудительный эффект перехода путем изменения атрибута `key`:\n\n ```html\n <Transition>\n <div :key=\"text\">{{ text }}</div>\n </Transition>\n ```\n\n Динамический компонент, используются параметры mode и appear:\n\n ```html\n <Transition name=\"fade\" mode=\"out-in\" appear>\n <component :is=\"view\"></component>\n </Transition>\n ```\n\n Прослушивание событий перехода:\n\n ```html\n <Transition @after-enter=\"onTransitionComplete\">\n <div v-show=\"ok\">переключаемое содержимое</div>\n </Transition>\n ```\n\n- **См. также** [Руководство — Transition](https://ru.vuejs.org/guide/built-ins/transition.html)\n"
|
|
9
9
|
},
|
|
10
10
|
"attributes": [],
|
|
11
|
-
"references":
|
|
12
|
-
{
|
|
13
|
-
"name": "en",
|
|
14
|
-
"url": "https://vuejs.org/api/built-in-components.html#transition"
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
"name": "zh-cn",
|
|
18
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#transition"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
"name": "zh-hk",
|
|
22
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#transition"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"name": "ja",
|
|
26
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#transition"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "ua",
|
|
30
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#transition"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
"name": "fr",
|
|
34
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#transition"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
"name": "ko",
|
|
38
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#transition"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"name": "pt",
|
|
42
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#transition"
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"name": "bn",
|
|
46
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#transition"
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
"name": "it",
|
|
50
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#transition"
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"name": "cs",
|
|
54
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#transition"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"name": "ru",
|
|
58
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#transition"
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"name": "fa",
|
|
62
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#transition"
|
|
63
|
-
}
|
|
64
|
-
]
|
|
11
|
+
"references": "api/built-in-components.html#transition"
|
|
65
12
|
},
|
|
66
13
|
{
|
|
67
14
|
"name": "TransitionGroup",
|
|
@@ -70,60 +17,7 @@
|
|
|
70
17
|
"value": "\nОбеспечивает эффекты перехода для **нескольких** элементов или компонентов в списке.\n\n- **Входные параметры**\n\n `<TransitionGroup>` принимает те же параметры, что и `<Transition>`, за исключением `mode`, плюс два дополнительных параметра:\n\n ```ts\n interface TransitionGroupProps extends Omit<TransitionProps, 'mode'> {\n /*\n * Если не определен, то рендерится как fragment.\n */\n tag?: string\n /**\n * Для переопределения CSS-класса, применяемого во время анимаций перемещения.\n * Используйте kebab-case в шаблонах, например move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **События**\n\n `<TransitionGroup>` генерирует те же события, что и `<Transition>`.\n\n- **Подробности**\n\n По умолчанию `<TransitionGroup>` не создаёт DOM-элемент, но его можно задать с помощью параметра `tag`.\n\n Обратите внимание, что у каждого потомка `<transition-group>` должен быть [**уникальный ключ**](https://ru.vuejs.org/guide/essentials/list.html#maintaining-state-with-key) для правильной работы анимаций.\n\n `<TransitionGroup>` поддерживает анимации перемещения с помощью CSS трансформаций. Если положение потомка на экране изменится после обновления, ему будет добавлен CSS-класс (автоматически сгенерированный из атрибута `name` или заданный параметром `move-class`). Если после применения этого класса CSS-свойство `transform` возможно анимировать, элемент будет плавно перемещён в новое положение с помощью [техники FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Пример**\n\n ```html\n <TransitionGroup tag=\"ul\" name=\"slide\">\n <li v-for=\"item in items\" :key=\"item.id\">\n {{ item.text }}\n </li>\n </TransitionGroup>\n ```\n\n- **См. также** [Руководство — TransitionGroup](https://ru.vuejs.org/guide/built-ins/transition-group.html)\n"
|
|
71
18
|
},
|
|
72
19
|
"attributes": [],
|
|
73
|
-
"references":
|
|
74
|
-
{
|
|
75
|
-
"name": "en",
|
|
76
|
-
"url": "https://vuejs.org/api/built-in-components.html#transitiongroup"
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
"name": "zh-cn",
|
|
80
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"name": "zh-hk",
|
|
84
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"name": "ja",
|
|
88
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"name": "ua",
|
|
92
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"name": "fr",
|
|
96
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"name": "ko",
|
|
100
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
"name": "pt",
|
|
104
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
"name": "bn",
|
|
108
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
"name": "it",
|
|
112
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "cs",
|
|
116
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"name": "ru",
|
|
120
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
121
|
-
},
|
|
122
|
-
{
|
|
123
|
-
"name": "fa",
|
|
124
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
125
|
-
}
|
|
126
|
-
]
|
|
20
|
+
"references": "api/built-in-components.html#transitiongroup"
|
|
127
21
|
},
|
|
128
22
|
{
|
|
129
23
|
"name": "KeepAlive",
|
|
@@ -132,60 +26,7 @@
|
|
|
132
26
|
"value": "\nКэширует содержащиеся внутри динамически переключаемые компоненты.\n\n- **Входные параметры**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Если определено, то только компоненты с подходящими под\n * `include` именами будут кэшированы.\n */\n include?: MatchPattern\n /**\n * Любой компонент с именем подходящим под `exclude`\n * не будет кэшироваться.\n */\n exclude?: MatchPattern\n /**\n * Максимальное количество кэшируемых экземпляров компонентов.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Подробности**\n\n При оборачивании вокруг динамического компонента, `<KeepAlive>` кэширует неактивные экземпляры компонентов, не уничтожая их.\n\n В любой момент времени в качестве прямого потомка `<KeepAlive>` может быть только один активный экземпляр компонента.\n\n При переключении компонента внутри `<KeepAlive>` будут вызываться его хуки жизненного цикла `activated` и `deactivated` соответственно, предоставляя альтернативу хукам `mounted` и `unmounted`, которые не вызываются. Это относится как к непосредственному потомку `<KeepAlive>`, так и ко всем прочим его потомкам.\n\n- **Пример**\n\n Базовое использование:\n\n ```html\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Когда используется с `v-if` / `v-else` ветвями, одновременно должен рендериться только один компонент:\n\n ```html\n <KeepAlive>\n <comp-a v-if=\"a > 1\"></comp-a>\n <comp-b v-else></comp-b>\n </KeepAlive>\n ```\n\n Использование вместе с `<Transition>`:\n\n ```html\n <Transition>\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n </Transition>\n ```\n\n Использование `include` / `exclude`:\n\n ```html\n <!-- строка, с перечислением через запятую -->\n <KeepAlive include=\"a,b\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- регулярное выражение (используется `v-bind`) -->\n <KeepAlive :include=\"/a|b/\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- массив (используется `v-bind`) -->\n <KeepAlive :include=\"['a', 'b']\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Использование с `max`:\n\n ```html\n <KeepAlive :max=\"10\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n- **См. также** [Руководство — KeepAlive](https://ru.vuejs.org/guide/built-ins/keep-alive.html)\n"
|
|
133
27
|
},
|
|
134
28
|
"attributes": [],
|
|
135
|
-
"references":
|
|
136
|
-
{
|
|
137
|
-
"name": "en",
|
|
138
|
-
"url": "https://vuejs.org/api/built-in-components.html#keepalive"
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
"name": "zh-cn",
|
|
142
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#keepalive"
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
"name": "zh-hk",
|
|
146
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#keepalive"
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
"name": "ja",
|
|
150
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#keepalive"
|
|
151
|
-
},
|
|
152
|
-
{
|
|
153
|
-
"name": "ua",
|
|
154
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#keepalive"
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
"name": "fr",
|
|
158
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#keepalive"
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"name": "ko",
|
|
162
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
|
|
163
|
-
},
|
|
164
|
-
{
|
|
165
|
-
"name": "pt",
|
|
166
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
"name": "bn",
|
|
170
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#keepalive"
|
|
171
|
-
},
|
|
172
|
-
{
|
|
173
|
-
"name": "it",
|
|
174
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#keepalive"
|
|
175
|
-
},
|
|
176
|
-
{
|
|
177
|
-
"name": "cs",
|
|
178
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#keepalive"
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"name": "ru",
|
|
182
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#keepalive"
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
"name": "fa",
|
|
186
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#keepalive"
|
|
187
|
-
}
|
|
188
|
-
]
|
|
29
|
+
"references": "api/built-in-components.html#keepalive"
|
|
189
30
|
},
|
|
190
31
|
{
|
|
191
32
|
"name": "Teleport",
|
|
@@ -194,60 +35,7 @@
|
|
|
194
35
|
"value": "\nПеремещает содержимое своего слота в другую часть DOM.\n\n- **Входные параметры**\n\n ```ts\n interface TeleportProps {\n /**\n * Обязательный. Задаёт целевой контейнер.\n * Может быть селектором или непосредственно элементом.\n */\n to: string | HTMLElement\n /**\n * Если `true`, содержимое останется на своем первоначальном\n * месте, вместо перемещения в целевой контейнер.\n * Может изменяться динамически.\n */\n disabled?: boolean\n /**\n * When `true`, the Teleport will defer until other\n * parts of the application have been mounted before\n * resolving its target. (3.5+)\n */\n defer?: boolean\n }\n ```\n\n- **Пример**\n\n Указание целевого контейнера:\n\n ```html\n <Teleport to=\"#some-id\" />\n <Teleport to=\".some-class\" />\n <Teleport to=\"[data-teleport]\" />\n ```\n\n Перемещение по условию:\n\n ```html\n <Teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n <video src=\"./my-movie.mp4\">\n </Teleport>\n ```\n\n Defer target resolution <sup class=\"vt-badge\" data-text=\"3.5+\" />:\n\n ```html\n <Teleport defer to=\"#late-div\">...</Teleport>\n\n <!-- somewhere later in the template -->\n <div id=\"late-div\"></div>\n ```\n\n- **См. также** [Руководство — Teleport](https://ru.vuejs.org/guide/built-ins/teleport.html)\n"
|
|
195
36
|
},
|
|
196
37
|
"attributes": [],
|
|
197
|
-
"references":
|
|
198
|
-
{
|
|
199
|
-
"name": "en",
|
|
200
|
-
"url": "https://vuejs.org/api/built-in-components.html#teleport"
|
|
201
|
-
},
|
|
202
|
-
{
|
|
203
|
-
"name": "zh-cn",
|
|
204
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#teleport"
|
|
205
|
-
},
|
|
206
|
-
{
|
|
207
|
-
"name": "zh-hk",
|
|
208
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#teleport"
|
|
209
|
-
},
|
|
210
|
-
{
|
|
211
|
-
"name": "ja",
|
|
212
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#teleport"
|
|
213
|
-
},
|
|
214
|
-
{
|
|
215
|
-
"name": "ua",
|
|
216
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#teleport"
|
|
217
|
-
},
|
|
218
|
-
{
|
|
219
|
-
"name": "fr",
|
|
220
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#teleport"
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"name": "ko",
|
|
224
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
|
|
225
|
-
},
|
|
226
|
-
{
|
|
227
|
-
"name": "pt",
|
|
228
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
|
|
229
|
-
},
|
|
230
|
-
{
|
|
231
|
-
"name": "bn",
|
|
232
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#teleport"
|
|
233
|
-
},
|
|
234
|
-
{
|
|
235
|
-
"name": "it",
|
|
236
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#teleport"
|
|
237
|
-
},
|
|
238
|
-
{
|
|
239
|
-
"name": "cs",
|
|
240
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#teleport"
|
|
241
|
-
},
|
|
242
|
-
{
|
|
243
|
-
"name": "ru",
|
|
244
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#teleport"
|
|
245
|
-
},
|
|
246
|
-
{
|
|
247
|
-
"name": "fa",
|
|
248
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#teleport"
|
|
249
|
-
}
|
|
250
|
-
]
|
|
38
|
+
"references": "api/built-in-components.html#teleport"
|
|
251
39
|
},
|
|
252
40
|
{
|
|
253
41
|
"name": "Suspense",
|
|
@@ -256,60 +44,7 @@
|
|
|
256
44
|
"value": "\nИспользуется для оркестровки вложенных асинхронных зависимостей в дереве компонентов.\n\n- **Входные параметры**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n suspensible?: boolean\n }\n ```\n\n- **События**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Подробности**\n\n `<Suspense>` принимает два слота: `#default` и `#fallback`. Он будет отображать содержимое `#fallback` слота во время рендеринга `#default` слота в памяти.\n\n Если он встречает асинхронные зависимости ([Асинхронные компоненты](https://ru.vuejs.org/guide/components/async.html) и компоненты с [`async setup()`](https://ru.vuejs.org/guide/built-ins/suspense.html#async-setup)) во время рендеринга `#default` слота, он будет ждать, пока все они не будут разрешены, прежде чем отобразить `#default` слот.\n\n Если установить для Suspense значение `suspensible`, вся обработка асинхронных зависимостей будет выполняться родительским Suspense. См. [подробности реализации](https://github.com/vuejs/core/pull/6736)\n\n- **См. также** [Руководство — Suspense](https://ru.vuejs.org/guide/built-ins/suspense.html)\n"
|
|
257
45
|
},
|
|
258
46
|
"attributes": [],
|
|
259
|
-
"references":
|
|
260
|
-
{
|
|
261
|
-
"name": "en",
|
|
262
|
-
"url": "https://vuejs.org/api/built-in-components.html#suspense"
|
|
263
|
-
},
|
|
264
|
-
{
|
|
265
|
-
"name": "zh-cn",
|
|
266
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#suspense"
|
|
267
|
-
},
|
|
268
|
-
{
|
|
269
|
-
"name": "zh-hk",
|
|
270
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#suspense"
|
|
271
|
-
},
|
|
272
|
-
{
|
|
273
|
-
"name": "ja",
|
|
274
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#suspense"
|
|
275
|
-
},
|
|
276
|
-
{
|
|
277
|
-
"name": "ua",
|
|
278
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#suspense"
|
|
279
|
-
},
|
|
280
|
-
{
|
|
281
|
-
"name": "fr",
|
|
282
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#suspense"
|
|
283
|
-
},
|
|
284
|
-
{
|
|
285
|
-
"name": "ko",
|
|
286
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
|
|
287
|
-
},
|
|
288
|
-
{
|
|
289
|
-
"name": "pt",
|
|
290
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
"name": "bn",
|
|
294
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#suspense"
|
|
295
|
-
},
|
|
296
|
-
{
|
|
297
|
-
"name": "it",
|
|
298
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#suspense"
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"name": "cs",
|
|
302
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#suspense"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"name": "ru",
|
|
306
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#suspense"
|
|
307
|
-
},
|
|
308
|
-
{
|
|
309
|
-
"name": "fa",
|
|
310
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#suspense"
|
|
311
|
-
}
|
|
312
|
-
]
|
|
47
|
+
"references": "api/built-in-components.html#suspense"
|
|
313
48
|
},
|
|
314
49
|
{
|
|
315
50
|
"name": "component",
|
|
@@ -318,60 +53,7 @@
|
|
|
318
53
|
"value": "\n«Мета-компонент» для отрисовки динамических компонентов.\n\n- **Входные параметры**\n\n ```ts\n interface DynamicComponentProps {\n is: string | Component\n }\n ```\n\n- **Подробности**\n\n - Фактический компонент, который будет отображаться, определяется параметром `is`.\n\n - Когда `is` является строкой, это может быть либо имя HTML-тега, либо зарегистрированное имя компонента.\n\n - Кроме того, `is` может быть непосредственно связано с определением компонента.\n\n- **Пример**\n\n Рендеринг компонентов по зарегистрированному имени (Options API):\n\n ```vue\n <script>\n import Foo from './Foo.vue'\n import Bar from './Bar.vue'\n\n export default {\n components: { Foo, Bar },\n data() {\n return {\n view: 'Foo'\n }\n }\n }\n </script>\n\n <template>\n <component :is=\"view\" />\n </template>\n ```\n\n Рендеринг компонентов по определению (Composition API с `<script setup>`):\n\n ```vue\n <script setup>\n import Foo from './Foo.vue'\n import Bar from './Bar.vue'\n </script>\n\n <template>\n <component :is=\"Math.random() > 0.5 ? Foo : Bar\" />\n </template>\n ```\n\n Рендеринг HTML-элементов:\n\n ```html\n <component :is=\"href ? 'a' : 'span'\"></component>\n ```\n\n Все [встроенные компоненты](./built-in-components) могут быть переданы в `is`, но их необходимо зарегистрировать, если хотите передать их по имени. Например:\n\n ```vue\n <script>\n import { Transition, TransitionGroup } from 'vue'\n\n export default {\n components: {\n Transition,\n TransitionGroup\n }\n }\n </script>\n\n <template>\n <component :is=\"isGroup ? 'TransitionGroup' : 'Transition'\">\n ...\n </component>\n </template>\n ```\n\n Регистрация не требуется, если передаете сам компонент в `is`, а не его имя, например, в `<script setup>`.\n\n Если `v-model` используется в теге `<component>`, компилятор шаблона расширит его до входного параметра `modelValue` и прослушивателя событий `update:modelValue`, как и для любого другого компонента. Однако это не будет совместимо с собственными HTML-элементами, такими как `<input>` или `<select>`. В результате использование `v-model` с динамически созданным собственным элементом не будет работать:\n\n ```vue\n <script setup>\n import { ref } from 'vue'\n\n const tag = ref('input')\n const username = ref('')\n </script>\n\n <template>\n <!-- ЭТО НЕ СРАБОТАЕТ, так как 'input' является собственным элементом HTML -->\n <component :is=\"tag\" v-model=\"username\" />\n </template>\n ```\n\n На практике этот крайний случай встречается нечасто, поскольку в реальных приложениях нативные поля форм обычно оборачиваются в компоненты. Если необходимо использовать нативный элемент напрямую, то можно разделить `v-model` на атрибут и событие вручную.\n\n- **См. также** [Динамические компоненты](https://ru.vuejs.org/guide/essentials/component-basics.html#dynamic-components)\n"
|
|
319
54
|
},
|
|
320
55
|
"attributes": [],
|
|
321
|
-
"references":
|
|
322
|
-
{
|
|
323
|
-
"name": "en",
|
|
324
|
-
"url": "https://vuejs.org/api/built-in-special-elements.html#component"
|
|
325
|
-
},
|
|
326
|
-
{
|
|
327
|
-
"name": "zh-cn",
|
|
328
|
-
"url": "https://cn.vuejs.org/api/built-in-special-elements.html#component"
|
|
329
|
-
},
|
|
330
|
-
{
|
|
331
|
-
"name": "zh-hk",
|
|
332
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#component"
|
|
333
|
-
},
|
|
334
|
-
{
|
|
335
|
-
"name": "ja",
|
|
336
|
-
"url": "https://ja.vuejs.org/api/built-in-special-elements.html#component"
|
|
337
|
-
},
|
|
338
|
-
{
|
|
339
|
-
"name": "ua",
|
|
340
|
-
"url": "https://ua.vuejs.org/api/built-in-special-elements.html#component"
|
|
341
|
-
},
|
|
342
|
-
{
|
|
343
|
-
"name": "fr",
|
|
344
|
-
"url": "https://fr.vuejs.org/api/built-in-special-elements.html#component"
|
|
345
|
-
},
|
|
346
|
-
{
|
|
347
|
-
"name": "ko",
|
|
348
|
-
"url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
|
|
349
|
-
},
|
|
350
|
-
{
|
|
351
|
-
"name": "pt",
|
|
352
|
-
"url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
|
|
353
|
-
},
|
|
354
|
-
{
|
|
355
|
-
"name": "bn",
|
|
356
|
-
"url": "https://bn.vuejs.org/api/built-in-special-elements.html#component"
|
|
357
|
-
},
|
|
358
|
-
{
|
|
359
|
-
"name": "it",
|
|
360
|
-
"url": "https://it.vuejs.org/api/built-in-special-elements.html#component"
|
|
361
|
-
},
|
|
362
|
-
{
|
|
363
|
-
"name": "cs",
|
|
364
|
-
"url": "https://cs.vuejs.org/api/built-in-special-elements.html#component"
|
|
365
|
-
},
|
|
366
|
-
{
|
|
367
|
-
"name": "ru",
|
|
368
|
-
"url": "https://ru.vuejs.org/api/built-in-special-elements.html#component"
|
|
369
|
-
},
|
|
370
|
-
{
|
|
371
|
-
"name": "fa",
|
|
372
|
-
"url": "https://fa.vuejs.org/api/built-in-special-elements.html#component"
|
|
373
|
-
}
|
|
374
|
-
]
|
|
56
|
+
"references": "api/built-in-special-elements.html#component"
|
|
375
57
|
},
|
|
376
58
|
{
|
|
377
59
|
"name": "slot",
|
|
@@ -380,60 +62,7 @@
|
|
|
380
62
|
"value": "\nОбозначает выходы содержимого слотов в шаблонах.\n\n- **Входные параметры**\n\n ```ts\n interface SlotProps {\n /**\n * Любые входные параметры, переданные в <slot>, передаются в качестве аргументов\n * для слотов с ограниченным пространством\n */\n [key: string]: any\n /**\n * Зарезервировано для указания имени слота.\n */\n name?: string\n }\n ```\n\n- **Подробности**\n\n Элемент `<slot>` может использовать атрибут `name` для указания имени слота. Если `name` не указано, он отобразит слот по умолчанию. Дополнительные атрибуты, переданные элементу slot, будут переданы в качестве входного параметра слота в слот с ограниченной областью действия, определенный в родительском элементе.\n\n Сам элемент будет заменен соответствующим содержимым слота.\n\n Элементы `<slot>` в шаблонах Vue скомпилированы в JavaScript, поэтому их не следует путать с [собственными элементами `<slot>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).\n\n- **См. также** [Компонент - Слоты](https://ru.vuejs.org/guide/components/slots.html)\n"
|
|
381
63
|
},
|
|
382
64
|
"attributes": [],
|
|
383
|
-
"references":
|
|
384
|
-
{
|
|
385
|
-
"name": "en",
|
|
386
|
-
"url": "https://vuejs.org/api/built-in-special-elements.html#slot"
|
|
387
|
-
},
|
|
388
|
-
{
|
|
389
|
-
"name": "zh-cn",
|
|
390
|
-
"url": "https://cn.vuejs.org/api/built-in-special-elements.html#slot"
|
|
391
|
-
},
|
|
392
|
-
{
|
|
393
|
-
"name": "zh-hk",
|
|
394
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#slot"
|
|
395
|
-
},
|
|
396
|
-
{
|
|
397
|
-
"name": "ja",
|
|
398
|
-
"url": "https://ja.vuejs.org/api/built-in-special-elements.html#slot"
|
|
399
|
-
},
|
|
400
|
-
{
|
|
401
|
-
"name": "ua",
|
|
402
|
-
"url": "https://ua.vuejs.org/api/built-in-special-elements.html#slot"
|
|
403
|
-
},
|
|
404
|
-
{
|
|
405
|
-
"name": "fr",
|
|
406
|
-
"url": "https://fr.vuejs.org/api/built-in-special-elements.html#slot"
|
|
407
|
-
},
|
|
408
|
-
{
|
|
409
|
-
"name": "ko",
|
|
410
|
-
"url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
|
|
411
|
-
},
|
|
412
|
-
{
|
|
413
|
-
"name": "pt",
|
|
414
|
-
"url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
|
|
415
|
-
},
|
|
416
|
-
{
|
|
417
|
-
"name": "bn",
|
|
418
|
-
"url": "https://bn.vuejs.org/api/built-in-special-elements.html#slot"
|
|
419
|
-
},
|
|
420
|
-
{
|
|
421
|
-
"name": "it",
|
|
422
|
-
"url": "https://it.vuejs.org/api/built-in-special-elements.html#slot"
|
|
423
|
-
},
|
|
424
|
-
{
|
|
425
|
-
"name": "cs",
|
|
426
|
-
"url": "https://cs.vuejs.org/api/built-in-special-elements.html#slot"
|
|
427
|
-
},
|
|
428
|
-
{
|
|
429
|
-
"name": "ru",
|
|
430
|
-
"url": "https://ru.vuejs.org/api/built-in-special-elements.html#slot"
|
|
431
|
-
},
|
|
432
|
-
{
|
|
433
|
-
"name": "fa",
|
|
434
|
-
"url": "https://fa.vuejs.org/api/built-in-special-elements.html#slot"
|
|
435
|
-
}
|
|
436
|
-
]
|
|
65
|
+
"references": "api/built-in-special-elements.html#slot"
|
|
437
66
|
},
|
|
438
67
|
{
|
|
439
68
|
"name": "template",
|
|
@@ -442,60 +71,7 @@
|
|
|
442
71
|
"value": "\nТег `<template>` используется как \"псевдоэлемент\", когда мы хотим использовать встроенную директиву без отрисовки элемента в DOM.\n\n- **Подробности**\n\n Специальная обработка для `<template>` срабатывает только в том случае, если он используется с одной из этих директив:\n\n - `v-if`, `v-else-if` или `v-else`\n - `v-for`\n - `v-slot`\n\n Если не присутствует ни одна из этих директив, то вместо этого он будет отображаться как [нативный элемент `<template>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n\n Элемент`<template>` в связке с `v-for` также может иметь [атрибут `key`](https://ru.vuejs.org/api/built-in-special-attributes.html#key). Все остальные атрибуты и директивы будут проигнорированы, так как они не имеют смысла без соответствующего элемента.\n\n Однофайловые компоненты используют [тег верхнего уровня `<template>`](https://ru.vuejs.org/api/sfc-spec.html#language-blocks) для оборачивания всего шаблона. Это использование отличается от описанного выше использования `<template>`. Этот тег верхнего уровня не является частью самого шаблона и не поддерживает синтаксис шаблона, например директивы.\n\n- **См. также**\n - [Руководство - `v-if` и `<template>`](https://ru.vuejs.org/guide/essentials/conditional.html#v-if-on-template)\n - [Руководство - `v-for` и `<template>`](https://ru.vuejs.org/guide/essentials/list.html#v-for-on-template)\n - [Руководство - Именованные слоты](https://ru.vuejs.org/guide/components/slots.html#named-slots)\n"
|
|
443
72
|
},
|
|
444
73
|
"attributes": [],
|
|
445
|
-
"references":
|
|
446
|
-
{
|
|
447
|
-
"name": "en",
|
|
448
|
-
"url": "https://vuejs.org/api/built-in-special-elements.html#template"
|
|
449
|
-
},
|
|
450
|
-
{
|
|
451
|
-
"name": "zh-cn",
|
|
452
|
-
"url": "https://cn.vuejs.org/api/built-in-special-elements.html#template"
|
|
453
|
-
},
|
|
454
|
-
{
|
|
455
|
-
"name": "zh-hk",
|
|
456
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#template"
|
|
457
|
-
},
|
|
458
|
-
{
|
|
459
|
-
"name": "ja",
|
|
460
|
-
"url": "https://ja.vuejs.org/api/built-in-special-elements.html#template"
|
|
461
|
-
},
|
|
462
|
-
{
|
|
463
|
-
"name": "ua",
|
|
464
|
-
"url": "https://ua.vuejs.org/api/built-in-special-elements.html#template"
|
|
465
|
-
},
|
|
466
|
-
{
|
|
467
|
-
"name": "fr",
|
|
468
|
-
"url": "https://fr.vuejs.org/api/built-in-special-elements.html#template"
|
|
469
|
-
},
|
|
470
|
-
{
|
|
471
|
-
"name": "ko",
|
|
472
|
-
"url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"name": "pt",
|
|
476
|
-
"url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
|
|
477
|
-
},
|
|
478
|
-
{
|
|
479
|
-
"name": "bn",
|
|
480
|
-
"url": "https://bn.vuejs.org/api/built-in-special-elements.html#template"
|
|
481
|
-
},
|
|
482
|
-
{
|
|
483
|
-
"name": "it",
|
|
484
|
-
"url": "https://it.vuejs.org/api/built-in-special-elements.html#template"
|
|
485
|
-
},
|
|
486
|
-
{
|
|
487
|
-
"name": "cs",
|
|
488
|
-
"url": "https://cs.vuejs.org/api/built-in-special-elements.html#template"
|
|
489
|
-
},
|
|
490
|
-
{
|
|
491
|
-
"name": "ru",
|
|
492
|
-
"url": "https://ru.vuejs.org/api/built-in-special-elements.html#template"
|
|
493
|
-
},
|
|
494
|
-
{
|
|
495
|
-
"name": "fa",
|
|
496
|
-
"url": "https://fa.vuejs.org/api/built-in-special-elements.html#template"
|
|
497
|
-
}
|
|
498
|
-
]
|
|
74
|
+
"references": "api/built-in-special-elements.html#template"
|
|
499
75
|
}
|
|
500
76
|
],
|
|
501
77
|
"globalAttributes": [
|
|
@@ -503,1103 +79,157 @@
|
|
|
503
79
|
"name": "v-text",
|
|
504
80
|
"description": {
|
|
505
81
|
"kind": "markdown",
|
|
506
|
-
"value": "
|
|
82
|
+
"value": "Обновление текстового содержимого элемента.\n\n- **Ожидает:** `string`\n\n- **Подробности**\n\n `v-text` работает путём установки свойства [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) элемента, поэтому он будет перезаписывать всё существующее содержимое внутри элемента. Если необходимо обновить часть `textContent`, то вместо этого следует использовать [текстовые интерполяции](https://ru.vuejs.org/guide/essentials/template-syntax.html#text-interpolation).\n\n- **Пример**\n\n ```html\n <span v-text=\"msg\"></span>\n <!-- тоже самое -->\n <span>{{msg}}</span>\n ```\n\n- **См. также** [Синтаксис шаблонов - Текстовые интерполяции](https://ru.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)"
|
|
507
83
|
},
|
|
508
|
-
"references":
|
|
509
|
-
{
|
|
510
|
-
"name": "en",
|
|
511
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-text"
|
|
512
|
-
},
|
|
513
|
-
{
|
|
514
|
-
"name": "zh-cn",
|
|
515
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-text"
|
|
516
|
-
},
|
|
517
|
-
{
|
|
518
|
-
"name": "zh-hk",
|
|
519
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-text"
|
|
520
|
-
},
|
|
521
|
-
{
|
|
522
|
-
"name": "ja",
|
|
523
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-text"
|
|
524
|
-
},
|
|
525
|
-
{
|
|
526
|
-
"name": "ua",
|
|
527
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-text"
|
|
528
|
-
},
|
|
529
|
-
{
|
|
530
|
-
"name": "fr",
|
|
531
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-text"
|
|
532
|
-
},
|
|
533
|
-
{
|
|
534
|
-
"name": "ko",
|
|
535
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
|
|
536
|
-
},
|
|
537
|
-
{
|
|
538
|
-
"name": "pt",
|
|
539
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
|
|
540
|
-
},
|
|
541
|
-
{
|
|
542
|
-
"name": "bn",
|
|
543
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-text"
|
|
544
|
-
},
|
|
545
|
-
{
|
|
546
|
-
"name": "it",
|
|
547
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-text"
|
|
548
|
-
},
|
|
549
|
-
{
|
|
550
|
-
"name": "cs",
|
|
551
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-text"
|
|
552
|
-
},
|
|
553
|
-
{
|
|
554
|
-
"name": "ru",
|
|
555
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-text"
|
|
556
|
-
},
|
|
557
|
-
{
|
|
558
|
-
"name": "fa",
|
|
559
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-text"
|
|
560
|
-
}
|
|
561
|
-
]
|
|
84
|
+
"references": "api/built-in-directives.html#v-text"
|
|
562
85
|
},
|
|
563
86
|
{
|
|
564
87
|
"name": "v-html",
|
|
565
88
|
"description": {
|
|
566
89
|
"kind": "markdown",
|
|
567
|
-
"value": "
|
|
90
|
+
"value": "Обновление свойства [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) элемента.\n\n- **Ожидает:** `string`\n\n- **Подробности**\n\n Содержимое `v-html` вставляется как обычный HTML - синтаксис шаблонов Vue не обрабатывается. Если вы пытаетесь составить шаблоны с помощью `v-html`, попробуйте переосмыслить решение, используя вместо этого компоненты.\n\n :::warning Примечание о безопасности\n Динамический рендеринг произвольного HTML на вашем сайте может быть очень опасен, поскольку легко может привести к [XSS-атакам](https://en.wikipedia.org/wiki/Cross-site_scripting). Используйте `v-html` только для доверенного содержимого и **никогда** для содержимого, предоставляемого пользователем.\n :::\n\n В [однофайловых компонентах](https://ru.vuejs.org/guide/scaling-up/sfc.html) стили `scoped` не будут применяться к содержимому внутри `v-html`, поскольку этот HTML не обрабатывается компилятором шаблонов Vue. Если вы хотите использовать на содержимом `v-html` скопированный CSS, то вместо этого можно использовать [CSS модули](./sfc-css-features.html#css-modules) или дополнительный глобальный элемент `<style>` с ручной стратегией области применения, например BEM.\n\n\n- **Пример**\n\n ```html\n <div v-html=\"html\"></div>\n ```\n\n- **См. также** [Синтаксис шаблонов - Сырой HTML](https://ru.vuejs.org/guide/essentials/template-syntax.html#raw-html)"
|
|
568
91
|
},
|
|
569
|
-
"references":
|
|
570
|
-
{
|
|
571
|
-
"name": "en",
|
|
572
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-html"
|
|
573
|
-
},
|
|
574
|
-
{
|
|
575
|
-
"name": "zh-cn",
|
|
576
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-html"
|
|
577
|
-
},
|
|
578
|
-
{
|
|
579
|
-
"name": "zh-hk",
|
|
580
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-html"
|
|
581
|
-
},
|
|
582
|
-
{
|
|
583
|
-
"name": "ja",
|
|
584
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-html"
|
|
585
|
-
},
|
|
586
|
-
{
|
|
587
|
-
"name": "ua",
|
|
588
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-html"
|
|
589
|
-
},
|
|
590
|
-
{
|
|
591
|
-
"name": "fr",
|
|
592
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-html"
|
|
593
|
-
},
|
|
594
|
-
{
|
|
595
|
-
"name": "ko",
|
|
596
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-html"
|
|
597
|
-
},
|
|
598
|
-
{
|
|
599
|
-
"name": "pt",
|
|
600
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-html"
|
|
601
|
-
},
|
|
602
|
-
{
|
|
603
|
-
"name": "bn",
|
|
604
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-html"
|
|
605
|
-
},
|
|
606
|
-
{
|
|
607
|
-
"name": "it",
|
|
608
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-html"
|
|
609
|
-
},
|
|
610
|
-
{
|
|
611
|
-
"name": "cs",
|
|
612
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-html"
|
|
613
|
-
},
|
|
614
|
-
{
|
|
615
|
-
"name": "ru",
|
|
616
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-html"
|
|
617
|
-
},
|
|
618
|
-
{
|
|
619
|
-
"name": "fa",
|
|
620
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-html"
|
|
621
|
-
}
|
|
622
|
-
]
|
|
92
|
+
"references": "api/built-in-directives.html#v-html"
|
|
623
93
|
},
|
|
624
94
|
{
|
|
625
95
|
"name": "v-show",
|
|
626
96
|
"description": {
|
|
627
97
|
"kind": "markdown",
|
|
628
|
-
"value": "
|
|
98
|
+
"value": "Переключение видимости элемента в зависимости от истинности значения выражения.\n\n- **Ожидает:** `any`\n\n- **Подробности**\n\n `v-show` работает, устанавливая CSS-свойство `display` с помощью встроенных стилей, и будет стараться соблюдать начальное значение `display`, когда элемент становится видимым. Также он запускает переходы анимации при изменении состояния.\n\n- **См. также** [Условная отрисовка - v-show](https://ru.vuejs.org/guide/essentials/conditional.html#v-show)"
|
|
629
99
|
},
|
|
630
|
-
"references":
|
|
631
|
-
{
|
|
632
|
-
"name": "en",
|
|
633
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-show"
|
|
634
|
-
},
|
|
635
|
-
{
|
|
636
|
-
"name": "zh-cn",
|
|
637
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-show"
|
|
638
|
-
},
|
|
639
|
-
{
|
|
640
|
-
"name": "zh-hk",
|
|
641
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-show"
|
|
642
|
-
},
|
|
643
|
-
{
|
|
644
|
-
"name": "ja",
|
|
645
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-show"
|
|
646
|
-
},
|
|
647
|
-
{
|
|
648
|
-
"name": "ua",
|
|
649
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-show"
|
|
650
|
-
},
|
|
651
|
-
{
|
|
652
|
-
"name": "fr",
|
|
653
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-show"
|
|
654
|
-
},
|
|
655
|
-
{
|
|
656
|
-
"name": "ko",
|
|
657
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-show"
|
|
658
|
-
},
|
|
659
|
-
{
|
|
660
|
-
"name": "pt",
|
|
661
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-show"
|
|
662
|
-
},
|
|
663
|
-
{
|
|
664
|
-
"name": "bn",
|
|
665
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-show"
|
|
666
|
-
},
|
|
667
|
-
{
|
|
668
|
-
"name": "it",
|
|
669
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-show"
|
|
670
|
-
},
|
|
671
|
-
{
|
|
672
|
-
"name": "cs",
|
|
673
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-show"
|
|
674
|
-
},
|
|
675
|
-
{
|
|
676
|
-
"name": "ru",
|
|
677
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-show"
|
|
678
|
-
},
|
|
679
|
-
{
|
|
680
|
-
"name": "fa",
|
|
681
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-show"
|
|
682
|
-
}
|
|
683
|
-
]
|
|
100
|
+
"references": "api/built-in-directives.html#v-show"
|
|
684
101
|
},
|
|
685
102
|
{
|
|
686
103
|
"name": "v-if",
|
|
687
104
|
"description": {
|
|
688
105
|
"kind": "markdown",
|
|
689
|
-
"value": "
|
|
106
|
+
"value": "Условное отображение элемента или фрагмента шаблона на основе истинности значения выражения.\n\n- **Ожидает:** `any`\n\n- **Подробности**\n\n При переключении директивы компонента `v-if`, элемент и содержащиеся в нём директивы/компоненты уничтожаются и создаются заново. Если начальное условие false, то внутреннее содержимое вообще не будет выведено.\n\n Может использоваться на `<template>` для обозначения условного блока, содержащего только текст или несколько элементов.\n\n Эта директива запускает переходы анимации при изменении своего состояния.\n\n При совместном использовании `v-if` имеет более высокий приоритет, чем `v-for`. Мы не рекомендуем использовать эти две директивы вместе на одном элементе — подробнее об этом см. в руководстве [по отрисовке списков](https://ru.vuejs.org/guide/essentials/list.html#v-for-with-v-if).\n\n- **См. также** [Условная отрисовка - v-if](https://ru.vuejs.org/guide/essentials/conditional.html#v-if)"
|
|
690
107
|
},
|
|
691
|
-
"references":
|
|
692
|
-
{
|
|
693
|
-
"name": "en",
|
|
694
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-if"
|
|
695
|
-
},
|
|
696
|
-
{
|
|
697
|
-
"name": "zh-cn",
|
|
698
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-if"
|
|
699
|
-
},
|
|
700
|
-
{
|
|
701
|
-
"name": "zh-hk",
|
|
702
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-if"
|
|
703
|
-
},
|
|
704
|
-
{
|
|
705
|
-
"name": "ja",
|
|
706
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-if"
|
|
707
|
-
},
|
|
708
|
-
{
|
|
709
|
-
"name": "ua",
|
|
710
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-if"
|
|
711
|
-
},
|
|
712
|
-
{
|
|
713
|
-
"name": "fr",
|
|
714
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-if"
|
|
715
|
-
},
|
|
716
|
-
{
|
|
717
|
-
"name": "ko",
|
|
718
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-if"
|
|
719
|
-
},
|
|
720
|
-
{
|
|
721
|
-
"name": "pt",
|
|
722
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-if"
|
|
723
|
-
},
|
|
724
|
-
{
|
|
725
|
-
"name": "bn",
|
|
726
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-if"
|
|
727
|
-
},
|
|
728
|
-
{
|
|
729
|
-
"name": "it",
|
|
730
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-if"
|
|
731
|
-
},
|
|
732
|
-
{
|
|
733
|
-
"name": "cs",
|
|
734
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-if"
|
|
735
|
-
},
|
|
736
|
-
{
|
|
737
|
-
"name": "ru",
|
|
738
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-if"
|
|
739
|
-
},
|
|
740
|
-
{
|
|
741
|
-
"name": "fa",
|
|
742
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-if"
|
|
743
|
-
}
|
|
744
|
-
]
|
|
108
|
+
"references": "api/built-in-directives.html#v-if"
|
|
745
109
|
},
|
|
746
110
|
{
|
|
747
111
|
"name": "v-else",
|
|
748
112
|
"valueSet": "v",
|
|
749
113
|
"description": {
|
|
750
114
|
"kind": "markdown",
|
|
751
|
-
"value": "
|
|
115
|
+
"value": "Обозначает \"блок else\" для `v-if` или цепочку `v-if` / `v-else-if`.\n\n- **Не ожидает выражения**\n\n- **Подробности**\n\n - Ограничение: предыдущий соседний элемент должен иметь `v-if` или `v-else-if`.\n\n - Может использоваться на `<template>` для обозначения условного блока, содержащего только текст или несколько элементов.\n\n- **Пример**\n\n ```html\n <div v-if=\"Math.random() > 0.5\">\n Сейчас ты видишь меня\n </div>\n <div v-else>\n А сейчас нет\n </div>\n ```\n\n- **См. также** [Условная отрисовка - v-else](https://ru.vuejs.org/guide/essentials/conditional.html#v-else)"
|
|
752
116
|
},
|
|
753
|
-
"references":
|
|
754
|
-
{
|
|
755
|
-
"name": "en",
|
|
756
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-else"
|
|
757
|
-
},
|
|
758
|
-
{
|
|
759
|
-
"name": "zh-cn",
|
|
760
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-else"
|
|
761
|
-
},
|
|
762
|
-
{
|
|
763
|
-
"name": "zh-hk",
|
|
764
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-else"
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"name": "ja",
|
|
768
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-else"
|
|
769
|
-
},
|
|
770
|
-
{
|
|
771
|
-
"name": "ua",
|
|
772
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-else"
|
|
773
|
-
},
|
|
774
|
-
{
|
|
775
|
-
"name": "fr",
|
|
776
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-else"
|
|
777
|
-
},
|
|
778
|
-
{
|
|
779
|
-
"name": "ko",
|
|
780
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-else"
|
|
781
|
-
},
|
|
782
|
-
{
|
|
783
|
-
"name": "pt",
|
|
784
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-else"
|
|
785
|
-
},
|
|
786
|
-
{
|
|
787
|
-
"name": "bn",
|
|
788
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-else"
|
|
789
|
-
},
|
|
790
|
-
{
|
|
791
|
-
"name": "it",
|
|
792
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-else"
|
|
793
|
-
},
|
|
794
|
-
{
|
|
795
|
-
"name": "cs",
|
|
796
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-else"
|
|
797
|
-
},
|
|
798
|
-
{
|
|
799
|
-
"name": "ru",
|
|
800
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-else"
|
|
801
|
-
},
|
|
802
|
-
{
|
|
803
|
-
"name": "fa",
|
|
804
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-else"
|
|
805
|
-
}
|
|
806
|
-
]
|
|
117
|
+
"references": "api/built-in-directives.html#v-else"
|
|
807
118
|
},
|
|
808
119
|
{
|
|
809
120
|
"name": "v-else-if",
|
|
810
121
|
"description": {
|
|
811
122
|
"kind": "markdown",
|
|
812
|
-
"value": "
|
|
123
|
+
"value": "Обозначает \"блок else if\" для `v-if`. Можно использовать для создания цепочек условий.\n\n- **Ожидает:** `any`\n\n- **Подробности**\n\n - Ограничение: предыдущий соседний элемент должен иметь `v-if` или `v-else-if`.\n\n - Может использоваться на `<template>` для обозначения условного блока, содержащего только текст или несколько элементов.\n\n- **Пример**\n\n ```html\n <div v-if=\"type === 'A'\">\n A\n </div>\n <div v-else-if=\"type === 'B'\">\n B\n </div>\n <div v-else-if=\"type === 'C'\">\n C\n </div>\n <div v-else>\n Не A/B/C\n </div>\n ```\n\n- **См. также** [Условная отрисовка - v-else-if](https://ru.vuejs.org/guide/essentials/conditional.html#v-else-if)"
|
|
813
124
|
},
|
|
814
|
-
"references":
|
|
815
|
-
{
|
|
816
|
-
"name": "en",
|
|
817
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-else-if"
|
|
818
|
-
},
|
|
819
|
-
{
|
|
820
|
-
"name": "zh-cn",
|
|
821
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
822
|
-
},
|
|
823
|
-
{
|
|
824
|
-
"name": "zh-hk",
|
|
825
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
826
|
-
},
|
|
827
|
-
{
|
|
828
|
-
"name": "ja",
|
|
829
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
830
|
-
},
|
|
831
|
-
{
|
|
832
|
-
"name": "ua",
|
|
833
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
834
|
-
},
|
|
835
|
-
{
|
|
836
|
-
"name": "fr",
|
|
837
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
838
|
-
},
|
|
839
|
-
{
|
|
840
|
-
"name": "ko",
|
|
841
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
842
|
-
},
|
|
843
|
-
{
|
|
844
|
-
"name": "pt",
|
|
845
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
846
|
-
},
|
|
847
|
-
{
|
|
848
|
-
"name": "bn",
|
|
849
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
850
|
-
},
|
|
851
|
-
{
|
|
852
|
-
"name": "it",
|
|
853
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
854
|
-
},
|
|
855
|
-
{
|
|
856
|
-
"name": "cs",
|
|
857
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
858
|
-
},
|
|
859
|
-
{
|
|
860
|
-
"name": "ru",
|
|
861
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
862
|
-
},
|
|
863
|
-
{
|
|
864
|
-
"name": "fa",
|
|
865
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-else-if"
|
|
866
|
-
}
|
|
867
|
-
]
|
|
125
|
+
"references": "api/built-in-directives.html#v-else-if"
|
|
868
126
|
},
|
|
869
127
|
{
|
|
870
128
|
"name": "v-for",
|
|
871
129
|
"description": {
|
|
872
130
|
"kind": "markdown",
|
|
873
|
-
"value": "
|
|
131
|
+
"value": "Многократная отрисовка элемента или блока шаблона на основе исходных данных.\n\n- **Ожидает:** `Array | Object | number | string | Iterable`\n\n- **Подробности**\n\n Значение директивы должно использовать специальный синтаксис `alias in expression` для указания псевдонима текущего итерируемого элемента:\n\n ```html\n <div v-for=\"item in items\">\n {{ item.text }}\n </div>\n ```\n\n Кроме того, можно указать псевдоним для индекса (или ключа, если он используется для объекта):\n\n ```html\n <div v-for=\"(item, index) in items\"></div>\n <div v-for=\"(value, key) in object\"></div>\n <div v-for=\"(value, name, index) in object\"></div>\n ```\n\n По умолчанию `v-for` будет обновлять элементы «на месте», не перемещая их. Если необходимо переупорядочивать элементы при изменениях, то потребуется указывать специальный атрибут `key`:\n\n ```html\n <div v-for=\"item in items\" :key=\"item.id\">\n {{ item.text }}\n </div>\n ```\n\n `v-for` может также работать со значениями, реализующими [протокол Iterable](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol), включая нативные `Map` и `Set`.\n\n- **См. также**\n - [Отрисовка списков](https://ru.vuejs.org/guide/essentials/list.html)"
|
|
874
132
|
},
|
|
875
|
-
"references":
|
|
876
|
-
{
|
|
877
|
-
"name": "en",
|
|
878
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-for"
|
|
879
|
-
},
|
|
880
|
-
{
|
|
881
|
-
"name": "zh-cn",
|
|
882
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-for"
|
|
883
|
-
},
|
|
884
|
-
{
|
|
885
|
-
"name": "zh-hk",
|
|
886
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-for"
|
|
887
|
-
},
|
|
888
|
-
{
|
|
889
|
-
"name": "ja",
|
|
890
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-for"
|
|
891
|
-
},
|
|
892
|
-
{
|
|
893
|
-
"name": "ua",
|
|
894
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-for"
|
|
895
|
-
},
|
|
896
|
-
{
|
|
897
|
-
"name": "fr",
|
|
898
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-for"
|
|
899
|
-
},
|
|
900
|
-
{
|
|
901
|
-
"name": "ko",
|
|
902
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-for"
|
|
903
|
-
},
|
|
904
|
-
{
|
|
905
|
-
"name": "pt",
|
|
906
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-for"
|
|
907
|
-
},
|
|
908
|
-
{
|
|
909
|
-
"name": "bn",
|
|
910
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-for"
|
|
911
|
-
},
|
|
912
|
-
{
|
|
913
|
-
"name": "it",
|
|
914
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-for"
|
|
915
|
-
},
|
|
916
|
-
{
|
|
917
|
-
"name": "cs",
|
|
918
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-for"
|
|
919
|
-
},
|
|
920
|
-
{
|
|
921
|
-
"name": "ru",
|
|
922
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-for"
|
|
923
|
-
},
|
|
924
|
-
{
|
|
925
|
-
"name": "fa",
|
|
926
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-for"
|
|
927
|
-
}
|
|
928
|
-
]
|
|
133
|
+
"references": "api/built-in-directives.html#v-for"
|
|
929
134
|
},
|
|
930
135
|
{
|
|
931
136
|
"name": "v-on",
|
|
932
137
|
"description": {
|
|
933
138
|
"kind": "markdown",
|
|
934
|
-
"value": "
|
|
139
|
+
"value": "Прикрепление к элементу обработчика событий.\n\n- **Сокращённая запись:** `@`\n\n- **Ожидает:** `Function | Inline Statement | Object (без аргументов)`\n\n- **Аргумент:** `event` (необязательно, если используется синтаксис Object)\n\n- **Модификаторы**\n\n - `.stop` - вызывает `event.stopPropagation()`.\n - `.prevent` - вызывает `event.preventDefault()`.\n - `.capture` - добавить обработчик событий в capture режиме.\n - `.self` - запускать обработчик только в том случае, если событие было отправлено именно от этого элемента.\n - `.{keyAlias}` - запускать обработчик только по определенным клавишам.\n - `.once` - обработчик сработает только один раз.\n - `.left` - обработчик срабатывания только для событий левой кнопки мыши.\n - `.right` - обработчик срабатывания только для событий правой кнопки мыши.\n - `.middle` - обработчик срабатывания только для событий средней кнопки мыши.\n - `.passive` - добавляет обработчик DOM события с параметром `{ passive: true }`.\n\n- **Подробности**\n\n Тип события обозначается аргументом. Выражение может быть именем метода, строковым оператором или опущено, если присутствуют модификаторы.\n\n При использовании на обычном элементе он прослушивает только [**нативные DOM события**](https://developer.mozilla.org/en-US/docs/Web/Events). При использовании на компоненте он прослушивает **пользовательские события**, генерируемые в дочернем компоненте.\n\n При прослушивании нативных DOM событий метод получает нативное событие в качестве единственного аргумента. При использовании inline-выражения, выражение имеет доступ к специальному свойству `$event`: `v-on:click=\"handle('ok', $event)\"`.\n\n `v-on` также поддерживает привязку к объекту пар событие/слушатель без аргумента. Обратите внимание, что при использовании синтаксиса объекта он не поддерживает никаких модификаторов.\n\n- **Пример**\n\n ```html\n <!-- метод в качестве обработчика -->\n <button v-on:click=\"doThis\"></button>\n\n <!-- динамическое событие -->\n <button v-on:[event]=\"doThis\"></button>\n\n <!-- inline-выражение -->\n <button v-on:click=\"doThat('hello', $event)\"></button>\n\n <!-- сокращённая запись -->\n <button @click=\"doThis\"></button>\n\n <!-- окращённая запись динамического события -->\n <button @[event]=\"doThis\"></button>\n\n <!-- stop propagation -->\n <button @click.stop=\"doThis\"></button>\n\n <!-- prevent default -->\n <button @click.prevent=\"doThis\"></button>\n\n <!-- prevent default без выражения -->\n <form @submit.prevent></form>\n\n <!-- цепочка из модификаторов -->\n <button @click.stop.prevent=\"doThis\"></button>\n\n <!-- модификатор клавиши с использованием keyAlias -->\n <input @keyup.enter=\"onEnter\" />\n\n <!-- обработчик события будет вызван не больше одного раза -->\n <button v-on:click.once=\"doThis\"></button>\n\n <!-- объектный синтаксис -->\n <button v-on=\"{ mousedown: doThis, mouseup: doThat }\"></button>\n ```\n\n Отслеживание пользовательских событий на дочернем компоненте (обработчик вызывается, когда в дочернем компоненте будет сгенерировано событие \"my-event\"):\n\n ```html\n <MyComponent @my-event=\"handleThis\" />\n\n <!-- inline statement -->\n <MyComponent @my-event=\"handleThis(123, $event)\" />\n ```\n\n- **См. также**\n - [Обработка событий](https://ru.vuejs.org/guide/essentials/event-handling.html)\n - [Компоненты - Прослушивание событий](https://ru.vuejs.org/guide/essentials/component-basics.html#listening-to-events)"
|
|
935
140
|
},
|
|
936
|
-
"references":
|
|
937
|
-
{
|
|
938
|
-
"name": "en",
|
|
939
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-on"
|
|
940
|
-
},
|
|
941
|
-
{
|
|
942
|
-
"name": "zh-cn",
|
|
943
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-on"
|
|
944
|
-
},
|
|
945
|
-
{
|
|
946
|
-
"name": "zh-hk",
|
|
947
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-on"
|
|
948
|
-
},
|
|
949
|
-
{
|
|
950
|
-
"name": "ja",
|
|
951
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-on"
|
|
952
|
-
},
|
|
953
|
-
{
|
|
954
|
-
"name": "ua",
|
|
955
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-on"
|
|
956
|
-
},
|
|
957
|
-
{
|
|
958
|
-
"name": "fr",
|
|
959
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-on"
|
|
960
|
-
},
|
|
961
|
-
{
|
|
962
|
-
"name": "ko",
|
|
963
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-on"
|
|
964
|
-
},
|
|
965
|
-
{
|
|
966
|
-
"name": "pt",
|
|
967
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-on"
|
|
968
|
-
},
|
|
969
|
-
{
|
|
970
|
-
"name": "bn",
|
|
971
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-on"
|
|
972
|
-
},
|
|
973
|
-
{
|
|
974
|
-
"name": "it",
|
|
975
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-on"
|
|
976
|
-
},
|
|
977
|
-
{
|
|
978
|
-
"name": "cs",
|
|
979
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-on"
|
|
980
|
-
},
|
|
981
|
-
{
|
|
982
|
-
"name": "ru",
|
|
983
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-on"
|
|
984
|
-
},
|
|
985
|
-
{
|
|
986
|
-
"name": "fa",
|
|
987
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-on"
|
|
988
|
-
}
|
|
989
|
-
]
|
|
141
|
+
"references": "api/built-in-directives.html#v-on"
|
|
990
142
|
},
|
|
991
143
|
{
|
|
992
144
|
"name": "v-bind",
|
|
993
145
|
"description": {
|
|
994
146
|
"kind": "markdown",
|
|
995
|
-
"value": "
|
|
147
|
+
"value": "Динамически привязывает один или несколько атрибутов или входных параметров компонента к выражению.\n\n- **Сокращённая запись**\n - `:` или `.` (при использовании модификатора `.prop`)\n - Пропуск значения (когда атрибут и связанное значение имеют одинаковое имя) requires 3.4+\n\n- **Ожидает:** `any (если указан аргумент) | Object (без аргумента)`\n\n- **Аргумент:** `attrOrProp (опционально)`\n\n- **Модификаторы**\n\n - `.camel` - преобразование имён атрибутов из kebab-case в camelCase.\n - `.prop` - принудительно установить привязку в качестве свойства DOM (3.2+).\n - `.attr` - принудительно установить привязку в качестве атрибута DOM (3.2+).\n\n- **Применение**\n\n При использовании для привязки атрибутов `class` или `style`, `v-bind` поддерживает дополнительные типы значений, такие как Array или Objects. Более подробная информация приведена в разделе руководства по ссылкам ниже.\n\n Устанавливая привязку к элементу, Vue по умолчанию проверяет, имеет ли элемент ключ, определенный как свойство, используя проверку оператора `in`. Если свойство определено, то Vue установит значение как свойство DOM, а не как атрибут. В большинстве случаев это должно работать, но вы можете переопределить это поведение, явно используя модификаторы `.prop` или `.attr`. Иногда это необходимо, особенно при [работе с пользовательскими элементами](https://ru.vuejs.org/guide/extras/web-components.html#passing-dom-properties).\n\n При привязке входных параметров к дочернему компоненту необходимо также объявлять их внутри него.\n\n При использовании без аргумента можно привязать объект из пар имя-значение.\n\n- **Пример**\n\n ```html\n <!-- привязка атрибута -->\n <img v-bind:src=\"imageSrc\" />\n\n <!-- динамическое название атрибута -->\n <button v-bind:[key]=\"value\"></button>\n\n <!-- сокращённая запись -->\n <img :src=\"imageSrc\" />\n\n <!-- сокращение при одинаковом названии (3.4+), расширяется до :src=\"src\" -->\n <img :src />\n\n <!-- сокращённая запись при динамическом названии атрибута -->\n <button :[key]=\"value\"></button>\n\n <!-- инлайн-выражение с конкатенацией строк -->\n <img :src=\"'/path/to/images/' + fileName\" />\n\n <!-- привязка классов -->\n <div :class=\"{ red: isRed }\"></div>\n <div :class=\"[classA, classB]\"></div>\n <div :class=\"[classA, { classB: isB, classC: isC }]\"></div>\n\n <!-- привязка стилей -->\n <div :style=\"{ fontSize: size + 'px' }\"></div>\n <div :style=\"[styleObjectA, styleObjectB]\"></div>\n\n <!-- привязка объекта с атрибутами -->\n <div v-bind=\"{ id: someProp, 'other-attr': otherProp }\"></div>\n\n <!-- привязка входного параметра. \"prop\" должен быть объявлен в my-component. -->\n <MyComponent :prop=\"someThing\" />\n\n <!-- передача всех входных параметров родительского компонента в дочерний -->\n <MyComponent v-bind=\"$props\" />\n\n <!-- XLink -->\n <svg><a :xlink:special=\"foo\"></a></svg>\n ```\n\n Модификатор `.prop` также имеет сокращённую запись `.`:\n\n ```html\n <div :someProperty.prop=\"someObject\"></div>\n\n <!-- эквивалент -->\n <div .someProperty=\"someObject\"></div>\n ```\n\n Модификатор `.camel` позволяет приводить имя атрибута `v-bind` в camelCase при использовании DOM-шаблонов, например для атрибута SVG `viewBox`:\n\n ```html\n <svg :view-box.camel=\"viewBox\"></svg>\n ```\n\n Модификатор `.camel` не нужен, если вы используете строковые шаблоны или предварительно компилируете шаблон на этапе сборки.\n\n- **См. также**\n - [Работа с классами и стилями](https://ru.vuejs.org/guide/essentials/class-and-style.html)\n - [Компоненты - Детали передачи входных параметров](https://ru.vuejs.org/guide/components/props.html#prop-passing-details)"
|
|
996
148
|
},
|
|
997
|
-
"references":
|
|
998
|
-
{
|
|
999
|
-
"name": "en",
|
|
1000
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-bind"
|
|
1001
|
-
},
|
|
1002
|
-
{
|
|
1003
|
-
"name": "zh-cn",
|
|
1004
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1005
|
-
},
|
|
1006
|
-
{
|
|
1007
|
-
"name": "zh-hk",
|
|
1008
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1009
|
-
},
|
|
1010
|
-
{
|
|
1011
|
-
"name": "ja",
|
|
1012
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1013
|
-
},
|
|
1014
|
-
{
|
|
1015
|
-
"name": "ua",
|
|
1016
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1017
|
-
},
|
|
1018
|
-
{
|
|
1019
|
-
"name": "fr",
|
|
1020
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1021
|
-
},
|
|
1022
|
-
{
|
|
1023
|
-
"name": "ko",
|
|
1024
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1025
|
-
},
|
|
1026
|
-
{
|
|
1027
|
-
"name": "pt",
|
|
1028
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1029
|
-
},
|
|
1030
|
-
{
|
|
1031
|
-
"name": "bn",
|
|
1032
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1033
|
-
},
|
|
1034
|
-
{
|
|
1035
|
-
"name": "it",
|
|
1036
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1037
|
-
},
|
|
1038
|
-
{
|
|
1039
|
-
"name": "cs",
|
|
1040
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1041
|
-
},
|
|
1042
|
-
{
|
|
1043
|
-
"name": "ru",
|
|
1044
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1045
|
-
},
|
|
1046
|
-
{
|
|
1047
|
-
"name": "fa",
|
|
1048
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-bind"
|
|
1049
|
-
}
|
|
1050
|
-
]
|
|
149
|
+
"references": "api/built-in-directives.html#v-bind"
|
|
1051
150
|
},
|
|
1052
151
|
{
|
|
1053
152
|
"name": "v-model",
|
|
1054
153
|
"description": {
|
|
1055
154
|
"kind": "markdown",
|
|
1056
|
-
"value": "
|
|
155
|
+
"value": "Создает двустороннее связывание с элементом ввода формы или с компонентом.\n\n- **Ожидает:** варьируется в зависимости от элемента формы или работы компонента\n\n- **Использование ограничено**\n\n - `<input>`\n - `<select>`\n - `<textarea>`\n - компоненты\n\n- **Модификаторы**\n\n - [`.lazy`](https://ru.vuejs.org/guide/essentials/forms.html#lazy) - отслеживание события `change` вместо `input`\n - [`.number`](https://ru.vuejs.org/guide/essentials/forms.html#number) - приведение корректной строки со значением к числу\n - [`.trim`](https://ru.vuejs.org/guide/essentials/forms.html#trim) - удаление пробелов в начале и в конце строки\n\n- **См. также**\n\n - [Работа с формами](https://ru.vuejs.org/guide/essentials/forms.html)\n - [События компонентов - Использование вместе с `v-model`](https://ru.vuejs.org/guide/components/events.html#usage-with-v-model)"
|
|
1057
156
|
},
|
|
1058
|
-
"references":
|
|
1059
|
-
{
|
|
1060
|
-
"name": "en",
|
|
1061
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-model"
|
|
1062
|
-
},
|
|
1063
|
-
{
|
|
1064
|
-
"name": "zh-cn",
|
|
1065
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-model"
|
|
1066
|
-
},
|
|
1067
|
-
{
|
|
1068
|
-
"name": "zh-hk",
|
|
1069
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-model"
|
|
1070
|
-
},
|
|
1071
|
-
{
|
|
1072
|
-
"name": "ja",
|
|
1073
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-model"
|
|
1074
|
-
},
|
|
1075
|
-
{
|
|
1076
|
-
"name": "ua",
|
|
1077
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-model"
|
|
1078
|
-
},
|
|
1079
|
-
{
|
|
1080
|
-
"name": "fr",
|
|
1081
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-model"
|
|
1082
|
-
},
|
|
1083
|
-
{
|
|
1084
|
-
"name": "ko",
|
|
1085
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-model"
|
|
1086
|
-
},
|
|
1087
|
-
{
|
|
1088
|
-
"name": "pt",
|
|
1089
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-model"
|
|
1090
|
-
},
|
|
1091
|
-
{
|
|
1092
|
-
"name": "bn",
|
|
1093
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-model"
|
|
1094
|
-
},
|
|
1095
|
-
{
|
|
1096
|
-
"name": "it",
|
|
1097
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-model"
|
|
1098
|
-
},
|
|
1099
|
-
{
|
|
1100
|
-
"name": "cs",
|
|
1101
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-model"
|
|
1102
|
-
},
|
|
1103
|
-
{
|
|
1104
|
-
"name": "ru",
|
|
1105
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-model"
|
|
1106
|
-
},
|
|
1107
|
-
{
|
|
1108
|
-
"name": "fa",
|
|
1109
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-model"
|
|
1110
|
-
}
|
|
1111
|
-
]
|
|
157
|
+
"references": "api/built-in-directives.html#v-model"
|
|
1112
158
|
},
|
|
1113
159
|
{
|
|
1114
160
|
"name": "v-slot",
|
|
1115
161
|
"description": {
|
|
1116
162
|
"kind": "markdown",
|
|
1117
|
-
"value": "
|
|
163
|
+
"value": "Обозначение именованного слота или слота, который получает входные параметры.\n\n- **Сокращённая запись:** `#`\n\n- **Ожидает:** JavaScript-выражение, допустимое в позиции аргумента функции, включая поддержку деструктуризации. Необязательный - нужен только в том случае, если ожидается передача входного параметра в слот.\n\n- **Аргумент:** название слота (опционально, по умолчанию `default`)\n\n- **Использование ограничено:**\n\n - `<template>`\n - [компонентами](https://ru.vuejs.org/guide/components/slots.html#scoped-slots) (для единственного слота по умолчанию с входными параметрами)\n\n\n- **Пример**\n\n ```html\n <!-- Именованный слот -->\n <BaseLayout>\n <template v-slot:header>\n Содержимое для заголовка\n </template>\n\n <template v-slot:default>\n Содержимое для слота по умолчанию\n </template>\n\n <template v-slot:footer>\n Содержимое для подвала\n </template>\n </BaseLayout>\n\n <!-- Именованный слот с входными параметрами -->\n <InfiniteScroll>\n <template v-slot:item=\"slotProps\">\n <div class=\"item\">\n {{ slotProps.item.text }}\n </div>\n </template>\n </InfiniteScroll>\n\n <!-- Слот по умолчанию с входными параметрами и деструктуризацией -->\n <Mouse v-slot=\"{ x, y }\">\n Mouse position: {{ x }}, {{ y }}\n </Mouse>\n ```\n\n- **См. также**\n - [Компоненты - Слоты](https://ru.vuejs.org/guide/components/slots.html)"
|
|
1118
164
|
},
|
|
1119
|
-
"references":
|
|
1120
|
-
{
|
|
1121
|
-
"name": "en",
|
|
1122
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-slot"
|
|
1123
|
-
},
|
|
1124
|
-
{
|
|
1125
|
-
"name": "zh-cn",
|
|
1126
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1127
|
-
},
|
|
1128
|
-
{
|
|
1129
|
-
"name": "zh-hk",
|
|
1130
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1131
|
-
},
|
|
1132
|
-
{
|
|
1133
|
-
"name": "ja",
|
|
1134
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1135
|
-
},
|
|
1136
|
-
{
|
|
1137
|
-
"name": "ua",
|
|
1138
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1139
|
-
},
|
|
1140
|
-
{
|
|
1141
|
-
"name": "fr",
|
|
1142
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1143
|
-
},
|
|
1144
|
-
{
|
|
1145
|
-
"name": "ko",
|
|
1146
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1147
|
-
},
|
|
1148
|
-
{
|
|
1149
|
-
"name": "pt",
|
|
1150
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1151
|
-
},
|
|
1152
|
-
{
|
|
1153
|
-
"name": "bn",
|
|
1154
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1155
|
-
},
|
|
1156
|
-
{
|
|
1157
|
-
"name": "it",
|
|
1158
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1159
|
-
},
|
|
1160
|
-
{
|
|
1161
|
-
"name": "cs",
|
|
1162
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1163
|
-
},
|
|
1164
|
-
{
|
|
1165
|
-
"name": "ru",
|
|
1166
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1167
|
-
},
|
|
1168
|
-
{
|
|
1169
|
-
"name": "fa",
|
|
1170
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-slot"
|
|
1171
|
-
}
|
|
1172
|
-
]
|
|
165
|
+
"references": "api/built-in-directives.html#v-slot"
|
|
1173
166
|
},
|
|
1174
167
|
{
|
|
1175
168
|
"name": "v-pre",
|
|
1176
169
|
"valueSet": "v",
|
|
1177
170
|
"description": {
|
|
1178
171
|
"kind": "markdown",
|
|
1179
|
-
"value": "
|
|
172
|
+
"value": "Пропускает компиляцию для элемента и всех его потомков.\n\n- **Не ожидает выражения**\n\n- **Подробности**\n\n Внутри элемента с `v-pre` весь синтаксис шаблона Vue будет сохранен и отображён как есть. Наиболее распространённый вариант использования этого элемента - отображение тегов фигурных скобок.\n\n- **Пример**\n\n ```html\n <span v-pre>{{ это не будет скомпилировано }}</span>\n ```"
|
|
1180
173
|
},
|
|
1181
|
-
"references":
|
|
1182
|
-
{
|
|
1183
|
-
"name": "en",
|
|
1184
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-pre"
|
|
1185
|
-
},
|
|
1186
|
-
{
|
|
1187
|
-
"name": "zh-cn",
|
|
1188
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1189
|
-
},
|
|
1190
|
-
{
|
|
1191
|
-
"name": "zh-hk",
|
|
1192
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1193
|
-
},
|
|
1194
|
-
{
|
|
1195
|
-
"name": "ja",
|
|
1196
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1197
|
-
},
|
|
1198
|
-
{
|
|
1199
|
-
"name": "ua",
|
|
1200
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1201
|
-
},
|
|
1202
|
-
{
|
|
1203
|
-
"name": "fr",
|
|
1204
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1205
|
-
},
|
|
1206
|
-
{
|
|
1207
|
-
"name": "ko",
|
|
1208
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1209
|
-
},
|
|
1210
|
-
{
|
|
1211
|
-
"name": "pt",
|
|
1212
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1213
|
-
},
|
|
1214
|
-
{
|
|
1215
|
-
"name": "bn",
|
|
1216
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1217
|
-
},
|
|
1218
|
-
{
|
|
1219
|
-
"name": "it",
|
|
1220
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1221
|
-
},
|
|
1222
|
-
{
|
|
1223
|
-
"name": "cs",
|
|
1224
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1225
|
-
},
|
|
1226
|
-
{
|
|
1227
|
-
"name": "ru",
|
|
1228
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1229
|
-
},
|
|
1230
|
-
{
|
|
1231
|
-
"name": "fa",
|
|
1232
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-pre"
|
|
1233
|
-
}
|
|
1234
|
-
]
|
|
174
|
+
"references": "api/built-in-directives.html#v-pre"
|
|
1235
175
|
},
|
|
1236
176
|
{
|
|
1237
177
|
"name": "v-once",
|
|
1238
178
|
"valueSet": "v",
|
|
1239
179
|
"description": {
|
|
1240
180
|
"kind": "markdown",
|
|
1241
|
-
"value": "
|
|
181
|
+
"value": "Отрисовка элемента и компонента выполняется только один раз, а последующие обновления пропускаются.\n\n- **Не ожидает выражения**\n\n- **Подробности**\n\n При последующих повторных отрисовках этот элемент/компонент и все его дочерние элементы будут рассматриваться как статическое содержимое и пропускаться. Это может быть использовано для оптимизации производительности при обновлении.\n\n ```html\n <!-- элемент -->\n <span v-once>Это значение никогда не изменится: {{msg}}</span>\n <!-- элемент с потомками -->\n <div v-once>\n <h1>Комментарий</h1>\n <p>{{msg}}</p>\n </div>\n <!-- компонент -->\n <MyComponent v-once :comment=\"msg\"></MyComponent>\n <!-- директива `v-for` -->\n <ul>\n <li v-for=\"i in list\" v-once>{{i}}</li>\n </ul>\n ```\n\n Начиная с версии 3.2, можно использовать мемоизацию части шаблона, с возможностью указания условий для инвалидации, с помощью директивы [`v-memo`](#v-memo).\n\n- **См. также**\n - [Синтаксис шаблонов - Текстовые интерполяции](https://ru.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n - [v-memo](#v-memo)"
|
|
1242
182
|
},
|
|
1243
|
-
"references":
|
|
1244
|
-
{
|
|
1245
|
-
"name": "en",
|
|
1246
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-once"
|
|
1247
|
-
},
|
|
1248
|
-
{
|
|
1249
|
-
"name": "zh-cn",
|
|
1250
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-once"
|
|
1251
|
-
},
|
|
1252
|
-
{
|
|
1253
|
-
"name": "zh-hk",
|
|
1254
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-once"
|
|
1255
|
-
},
|
|
1256
|
-
{
|
|
1257
|
-
"name": "ja",
|
|
1258
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-once"
|
|
1259
|
-
},
|
|
1260
|
-
{
|
|
1261
|
-
"name": "ua",
|
|
1262
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-once"
|
|
1263
|
-
},
|
|
1264
|
-
{
|
|
1265
|
-
"name": "fr",
|
|
1266
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-once"
|
|
1267
|
-
},
|
|
1268
|
-
{
|
|
1269
|
-
"name": "ko",
|
|
1270
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-once"
|
|
1271
|
-
},
|
|
1272
|
-
{
|
|
1273
|
-
"name": "pt",
|
|
1274
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-once"
|
|
1275
|
-
},
|
|
1276
|
-
{
|
|
1277
|
-
"name": "bn",
|
|
1278
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-once"
|
|
1279
|
-
},
|
|
1280
|
-
{
|
|
1281
|
-
"name": "it",
|
|
1282
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-once"
|
|
1283
|
-
},
|
|
1284
|
-
{
|
|
1285
|
-
"name": "cs",
|
|
1286
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-once"
|
|
1287
|
-
},
|
|
1288
|
-
{
|
|
1289
|
-
"name": "ru",
|
|
1290
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-once"
|
|
1291
|
-
},
|
|
1292
|
-
{
|
|
1293
|
-
"name": "fa",
|
|
1294
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-once"
|
|
1295
|
-
}
|
|
1296
|
-
]
|
|
183
|
+
"references": "api/built-in-directives.html#v-once"
|
|
1297
184
|
},
|
|
1298
185
|
{
|
|
1299
186
|
"name": "v-memo",
|
|
1300
187
|
"description": {
|
|
1301
188
|
"kind": "markdown",
|
|
1302
|
-
"value": "
|
|
189
|
+
"value": "- Поддерживается только в версиях 3.2+\n\n- **Ожидает:** `any[]`\n\n- **Подробности**\n\n Мемоизация части поддерева шаблона. Может использоваться как для элементов, так и для компонентов. Директива ожидает массив фиксированной длины зависимых значений, которые станут использоваться для сравнения при мемоизации. Если каждое значение массива осталось таким же, как при последней отрисовке, то обновление всего поддерева будет пропущено. Например:\n\n ```html\n <div v-memo=\"[valueA, valueB]\">\n ...\n </div>\n ```\n\n При повторном рендеринге компонента, если `valueA` и `valueB` остались прежними, все обновления для этого `<div>` и его дочерних элементов будут пропущены. Фактически, будет пропущено даже создание VNode виртуального DOM, поскольку мемоизированная копия поддерева может быть использована повторно.\n\n Важно правильно указать массив мемоизации, иначе мы можем пропустить обновления, которые действительно должны быть применены. `v-memo` с пустым массивом зависимостей (`v-memo=\"[]\"`) будет функционально эквивалентен `v-once`.\n\n **Использование вместе с `v-for`**\n\n `v-memo` предоставляется исключительно для микрооптимизации в критичных к производительности сценариях и может понадобиться крайне редко. Наиболее распространённым случаем, когда это может оказаться полезным, является отрисовка больших списков `v-for` (когда `length > 1000`):\n\n ```html\n <div v-for=\"item in list\" :key=\"item.id\" v-memo=\"[item.id === selected]\">\n <p>ID: {{ item.id }} - выбран: {{ item.id === selected }}</p>\n <p>...больше дочерних элементов</p>\n </div>\n ```\n\n При изменении состояния компонента `selected` будет создано большое количество VNodes, даже если большинство элементов остались прежними. Использование `v-memo` здесь, по сути, говорит: \"обновляйте этот элемент только в том случае, если он перешел из состояния `не выбран` в состояние `выбран`, или наоборот\". Это позволяет каждому незатронутому элементу повторно использовать свой предыдущий VNode и полностью пропустить операцию сравнения. Обратите внимание, что нам не нужно включать `item.id` в массив зависимостей memo, поскольку Vue автоматически определяет его из `:key` элемента.\n\n :::warning Предупреждение\n При использовании `v-memo` с `v-for` убедитесь, что они используются на одном и том же элементе. **`v-memo` не работает внутри `v-for`.**.\n :::\n\n `v-memo` также может быть использовано для компонентов, чтобы вручную предотвратить нежелательные обновления в некоторых крайних случаях, когда проверка обновлений дочерних компонентов была де-оптимизирована. Но, повторимся, ответственность за корректное указание массивов зависимостей во избежание пропуска необходимых обновлений лежит на разработчике.\n\n- **См. также**\n - [v-once](#v-once)"
|
|
1303
190
|
},
|
|
1304
|
-
"references":
|
|
1305
|
-
{
|
|
1306
|
-
"name": "en",
|
|
1307
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-memo"
|
|
1308
|
-
},
|
|
1309
|
-
{
|
|
1310
|
-
"name": "zh-cn",
|
|
1311
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1312
|
-
},
|
|
1313
|
-
{
|
|
1314
|
-
"name": "zh-hk",
|
|
1315
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1316
|
-
},
|
|
1317
|
-
{
|
|
1318
|
-
"name": "ja",
|
|
1319
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1320
|
-
},
|
|
1321
|
-
{
|
|
1322
|
-
"name": "ua",
|
|
1323
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1324
|
-
},
|
|
1325
|
-
{
|
|
1326
|
-
"name": "fr",
|
|
1327
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1328
|
-
},
|
|
1329
|
-
{
|
|
1330
|
-
"name": "ko",
|
|
1331
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1332
|
-
},
|
|
1333
|
-
{
|
|
1334
|
-
"name": "pt",
|
|
1335
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1336
|
-
},
|
|
1337
|
-
{
|
|
1338
|
-
"name": "bn",
|
|
1339
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1340
|
-
},
|
|
1341
|
-
{
|
|
1342
|
-
"name": "it",
|
|
1343
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1344
|
-
},
|
|
1345
|
-
{
|
|
1346
|
-
"name": "cs",
|
|
1347
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1348
|
-
},
|
|
1349
|
-
{
|
|
1350
|
-
"name": "ru",
|
|
1351
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1352
|
-
},
|
|
1353
|
-
{
|
|
1354
|
-
"name": "fa",
|
|
1355
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-memo"
|
|
1356
|
-
}
|
|
1357
|
-
]
|
|
191
|
+
"references": "api/built-in-directives.html#v-memo"
|
|
1358
192
|
},
|
|
1359
193
|
{
|
|
1360
194
|
"name": "v-cloak",
|
|
1361
195
|
"valueSet": "v",
|
|
1362
196
|
"description": {
|
|
1363
197
|
"kind": "markdown",
|
|
1364
|
-
"value": "
|
|
198
|
+
"value": "Используется для скрытия еще нескомпилированного шаблона до тех пор, пока он не будет готов.\n\n- **Не ожидает выражения**\n\n- **Подробности**\n\n **Данная директива нужна только для окружения без этапа сборки.**\n\n При использовании DOM шаблонов может возникнуть \"вспышка некомпилированных шаблонов\": пользователь может видеть необработанные теги фигурных скобок, пока монтируемый компонент не заменит их отрисованным содержимым.\n\n `v-cloak` будет оставаться на элементе до тех пор, пока не будет смонтирован связанный с ним экземпляр компонента. В сочетании с правилами CSS, такими как `[v-cloak] { display: none }`, это может быть использовано для скрытия необработанных шаблонов до тех пор, пока компонент не будет готов.\n\n- **Пример**\n\n ```css\n [v-cloak] {\n display: none;\n }\n ```\n\n ```html\n <div v-cloak>\n {{ message }}\n </div>\n ```\n\n До завершения компиляции `<div>` не будет виден."
|
|
1365
199
|
},
|
|
1366
|
-
"references":
|
|
1367
|
-
{
|
|
1368
|
-
"name": "en",
|
|
1369
|
-
"url": "https://vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1370
|
-
},
|
|
1371
|
-
{
|
|
1372
|
-
"name": "zh-cn",
|
|
1373
|
-
"url": "https://cn.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1374
|
-
},
|
|
1375
|
-
{
|
|
1376
|
-
"name": "zh-hk",
|
|
1377
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1378
|
-
},
|
|
1379
|
-
{
|
|
1380
|
-
"name": "ja",
|
|
1381
|
-
"url": "https://ja.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1382
|
-
},
|
|
1383
|
-
{
|
|
1384
|
-
"name": "ua",
|
|
1385
|
-
"url": "https://ua.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1386
|
-
},
|
|
1387
|
-
{
|
|
1388
|
-
"name": "fr",
|
|
1389
|
-
"url": "https://fr.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1390
|
-
},
|
|
1391
|
-
{
|
|
1392
|
-
"name": "ko",
|
|
1393
|
-
"url": "https://ko.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1394
|
-
},
|
|
1395
|
-
{
|
|
1396
|
-
"name": "pt",
|
|
1397
|
-
"url": "https://pt.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1398
|
-
},
|
|
1399
|
-
{
|
|
1400
|
-
"name": "bn",
|
|
1401
|
-
"url": "https://bn.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1402
|
-
},
|
|
1403
|
-
{
|
|
1404
|
-
"name": "it",
|
|
1405
|
-
"url": "https://it.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1406
|
-
},
|
|
1407
|
-
{
|
|
1408
|
-
"name": "cs",
|
|
1409
|
-
"url": "https://cs.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1410
|
-
},
|
|
1411
|
-
{
|
|
1412
|
-
"name": "ru",
|
|
1413
|
-
"url": "https://ru.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1414
|
-
},
|
|
1415
|
-
{
|
|
1416
|
-
"name": "fa",
|
|
1417
|
-
"url": "https://fa.vuejs.org/api/built-in-directives.html#v-cloak"
|
|
1418
|
-
}
|
|
1419
|
-
]
|
|
200
|
+
"references": "api/built-in-directives.html#v-cloak"
|
|
1420
201
|
},
|
|
1421
202
|
{
|
|
1422
203
|
"name": "key",
|
|
1423
204
|
"description": {
|
|
1424
205
|
"kind": "markdown",
|
|
1425
|
-
"value": "
|
|
206
|
+
"value": "Специальный атрибут `key` (ключ) в первую очередь используется как подсказка для алгоритма виртуального DOM Vue для идентификации VNodes (виртуальных узлов) при вычислении разницы между обновленным списком узлов и старым.\n\n- **Ожидает** `number | string | symbol`\n\n- **Подробности**\n\n Без ключей Vue использует алгоритм, который минимизирует перемещение элементов и пытается изменять/переиспользовать элементы одного типа как можно больше. При использовании ключей Vue переупорядочивает элементы на основании изменения ключей, а элементы с ключами, которые уже отсутствуют, будут всегда удаляться/уничтожаться. \n\n Потомки одного и того же общего родителя должны иметь **уникальные ключи**. Дубликаты ключей будут приводить к ошибкам рендера.\n\n Чаще всего используется в сочетании с `v-for`:\n\n ```html\n <ul>\n <li v-for=\"item in items\" :key=\"item.id\">...</li>\n </ul>\n ```\n\n Также может использоваться для принудительной замены элемент/компонента вместо его переиспользования. Это может пригодиться, если вы хотите:\n\n - Корректно вызвать хуки жизненного цикла компонента\n - Запускать анимации перехода\n\n Например:\n\n ```html\n <transition>\n <span :key=\"text\">{{ text }}</span>\n </transition>\n ```\n\n При изменении значения `text`, элемент `<span>` будет всегда заменяться, вместо обновления его содержимого, поэтому будет запускаться анимация перехода.\n\n- **См. также** [Руководство — Рендер списка - Сохранение состояния с помощью `key`](https://ru.vuejs.org/guide/essentials/list.html#maintaining-state-with-key)"
|
|
1426
207
|
},
|
|
1427
|
-
"references":
|
|
1428
|
-
{
|
|
1429
|
-
"name": "en",
|
|
1430
|
-
"url": "https://vuejs.org/api/built-in-special-attributes.html#key"
|
|
1431
|
-
},
|
|
1432
|
-
{
|
|
1433
|
-
"name": "zh-cn",
|
|
1434
|
-
"url": "https://cn.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1435
|
-
},
|
|
1436
|
-
{
|
|
1437
|
-
"name": "zh-hk",
|
|
1438
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1439
|
-
},
|
|
1440
|
-
{
|
|
1441
|
-
"name": "ja",
|
|
1442
|
-
"url": "https://ja.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1443
|
-
},
|
|
1444
|
-
{
|
|
1445
|
-
"name": "ua",
|
|
1446
|
-
"url": "https://ua.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1447
|
-
},
|
|
1448
|
-
{
|
|
1449
|
-
"name": "fr",
|
|
1450
|
-
"url": "https://fr.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1451
|
-
},
|
|
1452
|
-
{
|
|
1453
|
-
"name": "ko",
|
|
1454
|
-
"url": "https://ko.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1455
|
-
},
|
|
1456
|
-
{
|
|
1457
|
-
"name": "pt",
|
|
1458
|
-
"url": "https://pt.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1459
|
-
},
|
|
1460
|
-
{
|
|
1461
|
-
"name": "bn",
|
|
1462
|
-
"url": "https://bn.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1463
|
-
},
|
|
1464
|
-
{
|
|
1465
|
-
"name": "it",
|
|
1466
|
-
"url": "https://it.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1467
|
-
},
|
|
1468
|
-
{
|
|
1469
|
-
"name": "cs",
|
|
1470
|
-
"url": "https://cs.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1471
|
-
},
|
|
1472
|
-
{
|
|
1473
|
-
"name": "ru",
|
|
1474
|
-
"url": "https://ru.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1475
|
-
},
|
|
1476
|
-
{
|
|
1477
|
-
"name": "fa",
|
|
1478
|
-
"url": "https://fa.vuejs.org/api/built-in-special-attributes.html#key"
|
|
1479
|
-
}
|
|
1480
|
-
]
|
|
208
|
+
"references": "api/built-in-special-attributes.html#key"
|
|
1481
209
|
},
|
|
1482
210
|
{
|
|
1483
211
|
"name": "ref",
|
|
1484
212
|
"description": {
|
|
1485
213
|
"kind": "markdown",
|
|
1486
|
-
"value": "
|
|
214
|
+
"value": "Означает [ссылку на элементы шаблона](https://ru.vuejs.org/guide/essentials/template-refs.html).\n\n- **Ожидает** `string | Function`\n\n- **Подробности**\n\n Атрибут `ref` используется для регистрации ссылки на элемент или дочерний компонент.\n\n В Options API, ссылка будет зарегистрирована в объекте компонента `this.$refs`:\n\n ```html\n <!-- Хранится в this.$refs.p -->\n <p ref=\"p\">hello</p>\n ```\n\n В Composition API, ссылка будет храниться в ref с соответствующим именем:\n\n ```vue\n <script setup>\n import { useTemplateRef } from 'vue'\n\n const pRef = useTemplateRef('p')\n </script>\n\n <template>\n <p ref=\"p\">Привет</p>\n </template>\n ```\n\n При использовании на обычном DOM-элементе ссылка будет указывать на этот элемент; при использовании на дочернем компоненте ссылка будет указывать на экземпляр дочернего компонента.\n\n В качестве альтернативы `ref` может принимать функцию, что даёт полный контроль над тем, где хранить ссылку:\n\n ```html\n <ChildComponent :ref=\"(el) => child = el\" />\n ```\n\n Важное замечание о времени регистрации ref-ссылок: поскольку эти ссылки создаются render-функцией, нужно подождать, пока компонент будет смонтирован, прежде чем обращаться к ним.\n\n Так же свойство `this.$refs` не реактивно, поэтому не следует использовать его в шаблонах для привязки данных.\n\n- **См. также**\n - [Руководство — Ссылки на элементы шаблона](https://ru.vuejs.org/guide/essentials/template-refs.html)\n - [Руководство - Типизация ссылок на шаблоны](https://ru.vuejs.org/guide/typescript/composition-api.html#typing-template-refs) <sup class=\"vt-badge ts\" />\n - [Руководство - Типизация ссылок на шаблоны компонентов](https://ru.vuejs.org/guide/typescript/composition-api.html#typing-component-template-refs) <sup class=\"vt-badge ts\" />"
|
|
1487
215
|
},
|
|
1488
|
-
"references":
|
|
1489
|
-
{
|
|
1490
|
-
"name": "en",
|
|
1491
|
-
"url": "https://vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1492
|
-
},
|
|
1493
|
-
{
|
|
1494
|
-
"name": "zh-cn",
|
|
1495
|
-
"url": "https://cn.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1496
|
-
},
|
|
1497
|
-
{
|
|
1498
|
-
"name": "zh-hk",
|
|
1499
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1500
|
-
},
|
|
1501
|
-
{
|
|
1502
|
-
"name": "ja",
|
|
1503
|
-
"url": "https://ja.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1504
|
-
},
|
|
1505
|
-
{
|
|
1506
|
-
"name": "ua",
|
|
1507
|
-
"url": "https://ua.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1508
|
-
},
|
|
1509
|
-
{
|
|
1510
|
-
"name": "fr",
|
|
1511
|
-
"url": "https://fr.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1512
|
-
},
|
|
1513
|
-
{
|
|
1514
|
-
"name": "ko",
|
|
1515
|
-
"url": "https://ko.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1516
|
-
},
|
|
1517
|
-
{
|
|
1518
|
-
"name": "pt",
|
|
1519
|
-
"url": "https://pt.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1520
|
-
},
|
|
1521
|
-
{
|
|
1522
|
-
"name": "bn",
|
|
1523
|
-
"url": "https://bn.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1524
|
-
},
|
|
1525
|
-
{
|
|
1526
|
-
"name": "it",
|
|
1527
|
-
"url": "https://it.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1528
|
-
},
|
|
1529
|
-
{
|
|
1530
|
-
"name": "cs",
|
|
1531
|
-
"url": "https://cs.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1532
|
-
},
|
|
1533
|
-
{
|
|
1534
|
-
"name": "ru",
|
|
1535
|
-
"url": "https://ru.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1536
|
-
},
|
|
1537
|
-
{
|
|
1538
|
-
"name": "fa",
|
|
1539
|
-
"url": "https://fa.vuejs.org/api/built-in-special-attributes.html#ref"
|
|
1540
|
-
}
|
|
1541
|
-
]
|
|
216
|
+
"references": "api/built-in-special-attributes.html#ref"
|
|
1542
217
|
},
|
|
1543
218
|
{
|
|
1544
219
|
"name": "is",
|
|
1545
220
|
"description": {
|
|
1546
221
|
"kind": "markdown",
|
|
1547
|
-
"value": "
|
|
222
|
+
"value": "Используется для [динамических компонентов](https://ru.vuejs.org/guide/essentials/component-basics.html#dynamic-components).\n\n- **Ожидает** `string | Component`\n\n- **Использование на нативных элементах**\n \n - Поддерживается только в 3.1+\n\n Когда атрибут `is` используется на нативном HTML-элементе, то он интерпретируется как [пользовательский встроенный элемент](https://html.spec.whatwg.org/multipage/custom-elements#custom-elements-customized-builtin-example). Это нативная возможность веб-платформы.\n\n Однако есть случай использования, когда может понадобиться, чтобы Vue заменил нативный элемент на компонент Vue, как это разъясняется в [Особенности парсинга DOM-шаблона](https://ru.vuejs.org/guide/essentials/component-basics.html#dom-template-parsing-caveats). В таком случае можно добавить значению атрибута `is` префикс `vue:`, чтобы Vue вместо элемента отрисовал компонент Vue:\n\n ```html\n <table>\n <tr is=\"vue:my-row-component\"></tr>\n </table>\n ```\n\n- **См. также**\n\n - [Специальные встроенные элементы - `<component>`](https://ru.vuejs.org/api/built-in-special-elements.html#component)\n - [Динамические компоненты](https://ru.vuejs.org/guide/essentials/component-basics.html#dynamic-components)"
|
|
1548
223
|
},
|
|
1549
|
-
"references":
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
{
|
|
1559
|
-
"name": "zh-hk",
|
|
1560
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1561
|
-
},
|
|
1562
|
-
{
|
|
1563
|
-
"name": "ja",
|
|
1564
|
-
"url": "https://ja.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1565
|
-
},
|
|
1566
|
-
{
|
|
1567
|
-
"name": "ua",
|
|
1568
|
-
"url": "https://ua.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1569
|
-
},
|
|
1570
|
-
{
|
|
1571
|
-
"name": "fr",
|
|
1572
|
-
"url": "https://fr.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1573
|
-
},
|
|
1574
|
-
{
|
|
1575
|
-
"name": "ko",
|
|
1576
|
-
"url": "https://ko.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1577
|
-
},
|
|
1578
|
-
{
|
|
1579
|
-
"name": "pt",
|
|
1580
|
-
"url": "https://pt.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1581
|
-
},
|
|
1582
|
-
{
|
|
1583
|
-
"name": "bn",
|
|
1584
|
-
"url": "https://bn.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1585
|
-
},
|
|
1586
|
-
{
|
|
1587
|
-
"name": "it",
|
|
1588
|
-
"url": "https://it.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1589
|
-
},
|
|
1590
|
-
{
|
|
1591
|
-
"name": "cs",
|
|
1592
|
-
"url": "https://cs.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1593
|
-
},
|
|
1594
|
-
{
|
|
1595
|
-
"name": "ru",
|
|
1596
|
-
"url": "https://ru.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1597
|
-
},
|
|
1598
|
-
{
|
|
1599
|
-
"name": "fa",
|
|
1600
|
-
"url": "https://fa.vuejs.org/api/built-in-special-attributes.html#is"
|
|
1601
|
-
}
|
|
1602
|
-
]
|
|
224
|
+
"references": "api/built-in-special-attributes.html#is"
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"name": "data-allow-mismatch",
|
|
228
|
+
"description": {
|
|
229
|
+
"kind": "markdown",
|
|
230
|
+
"value": "A special attribute that can be used to suppress [hydration mismatch](https://ru.vuejs.org/guide/scaling-up/ssr.html#hydration-mismatch) warnings.\n\n- **Example**\n\n ```html\n <div data-allow-mismatch=\"text\">{{ data.toLocaleString() }}</div>\n ```\n\n The value can limit the allowed mismatch to a specific type. Allowed values are:\n\n - `text`\n - `children` (only allows mismatch for direct children)\n - `class`\n - `style`\n - `attribute`\n\n If no value is provided, all types of mismatches will be allowed.\n"
|
|
231
|
+
},
|
|
232
|
+
"references": "api/ssr.html#data-allow-mismatch"
|
|
1603
233
|
}
|
|
1604
234
|
]
|
|
1605
235
|
}
|