@vue/language-service 2.1.10 → 2.2.0
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 +44 -1422
- 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 +2 -2
- package/lib/ideFeatures/nameCasing.js +14 -16
- package/lib/plugins/data.js +47 -20
- package/lib/plugins/vue-autoinsert-dotvalue.js +4 -3
- package/lib/plugins/vue-autoinsert-space.js +1 -1
- package/lib/plugins/vue-complete-define-assignment.js +11 -13
- package/lib/plugins/vue-directive-comments.js +10 -8
- package/lib/plugins/vue-document-drop.js +15 -12
- package/lib/plugins/vue-document-links.js +45 -39
- package/lib/plugins/vue-extract-file.js +19 -10
- package/lib/plugins/vue-inlayhints.d.ts +1 -1
- package/lib/plugins/vue-inlayhints.js +65 -56
- package/lib/plugins/vue-sfc.js +29 -27
- package/lib/plugins/vue-template.js +194 -162
- package/lib/plugins/vue-twoslash-queries.js +9 -4
- package/package.json +10 -9
- package/scripts/update-html-data.js +74 -70
package/data/template/cs.json
CHANGED
|
@@ -5,311 +5,46 @@
|
|
|
5
5
|
"name": "Transition",
|
|
6
6
|
"description": {
|
|
7
7
|
"kind": "markdown",
|
|
8
|
-
"value": "\nPoskytuje animované přechodové (transition) efekty pro **jeden** element nebo **jednu** komponentu.\n\n- **Props**\n\n ```ts\n interface TransitionProps {\n /**\n * Slouží k automatickému generování názvů CSS tříd pro přechody.\n * Např. `name: 'fade'` se automaticky rozšíří na `.fade-enter`,\n * `.fade-enter-active
|
|
8
|
+
"value": "\nPoskytuje animované přechodové (transition) efekty pro **jeden** element nebo **jednu** komponentu.\n\n- **Props**\n\n ```ts\n interface TransitionProps {\n /**\n * Slouží k automatickému generování názvů CSS tříd pro přechody.\n * Např. `name: 'fade'` se automaticky rozšíří na `.fade-enter`,\n * `.fade-enter-active` atd.\n */\n name?: string\n /**\n * Určuje, zda se mají CSS třídy přechodů použít.\n * Výchozí hodnota: true\n */\n css?: boolean\n /**\n * Určuje typ událostí přechodů, na které se má čekat\n * pro určení času ukončení přechodu.\n * Výchozí chování je automatické detekování typu s delší dobou trvání.\n */\n type?: 'transition' | 'animation'\n /**\n * Určuje explicitní doby trvání přechodu.\n * Výchozí chování je čekání na první událost `transitionend`\n * nebo `animationend` na root elementu přechodu.\n */\n duration?: number | { enter: number; leave: number }\n /**\n * Ovládá časovou posloupnost přechodů při vstupu/výstupu.\n * Výchozí chování je současné provedení.\n */\n mode?: 'in-out' | 'out-in' | 'default'\n /**\n * Určuje, zda se má přechod aplikovat při počátečním vykreslení.\n * Výchozí hodnota: false\n */\n appear?: boolean\n\n /**\n * Vlastnosti pro přizpůsobení tříd přechodů.\n * V šablonách použijte kebab-case zápis, např. 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- **Události**\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` (pouze pro `v-show`)\n - `@appear-cancelled`\n\n- **Příklad**\n\n Jednoduchý element:\n\n ```html\n <Transition>\n <div v-if=\"ok\">přepnutý obsah</div>\n </Transition>\n ```\n\n Vynucení přechodu změnou atributu `key`:\n\n ```html\n <Transition>\n <div :key=\"text\">{{ text }}</div>\n </Transition>\n ```\n\n Dynamická komponenta s režimem přechodu + animace při zobrazení:\n\n ```html\n <Transition name=\"fade\" mode=\"out-in\" appear>\n <component :is=\"view\"></component>\n </Transition>\n ```\n\n Naslouchání událostem přechodu:\n\n ```html\n <Transition @after-enter=\"onTransitionComplete\">\n <div v-show=\"ok\">přepnutý obsah</div>\n </Transition>\n ```\n\n- **Viz také:** [Průvodce – Transition](https://cs.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",
|
|
68
15
|
"description": {
|
|
69
16
|
"kind": "markdown",
|
|
70
|
-
"value": "\nPoskytuje přechodové efekty pro **více** elementů nebo komponent v seznamu.\n\n- **Props**\n\n `<TransitionGroup>` přijímá stejné props jako `<Transition>` s výjimkou `mode`, plus dvě další vlastnosti:\n\n ```ts\n interface TransitionGroupProps extends Omit<TransitionProps, 'mode'> {\n /**\n * Pokud není definováno, vykresluje se jako fragment.\n */\n tag?: string\n /**\n * Pro přizpůsobení CSS třídy použité během přechodových animací.\n * V šablonách použijte kebab-case zápis, např. move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **Události**\n\n `<TransitionGroup>` emituje stejné události jako `<Transition>`.\n\n- **Podrobnosti**\n\n Ve výchozím nastavení `<TransitionGroup>` nevykresluje obalový DOM element, ale lze jej definovat pomocí vlastnosti `tag`.\n\n Pamatujte, že každý potomek v `<transition-group>` musí být [**jednoznačně označen**](https://cs.vuejs.org/guide/essentials/list.html#maintaining-state-with-key), aby animace fungovaly správně.\n\n `<TransitionGroup>` podporuje pohyblivé přechody pomocí CSS transformace. Pokud se pozice potomka na obrazovce po aktualizaci změní, bude mu aplikována pohybová CSS třída (automaticky generovaná z atributu `name` nebo konfigurovaná pomocí vlastnosti `move-class`). Pokud je CSS vlastnost `transform` při aplikaci pohybové třídy „transition-able“, element bude na své cílové místo plynule animován pomocí [techniky FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Příklad**\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- **Viz také:** [Průvodce
|
|
17
|
+
"value": "\nPoskytuje přechodové efekty pro **více** elementů nebo komponent v seznamu.\n\n- **Props**\n\n `<TransitionGroup>` přijímá stejné props jako `<Transition>` s výjimkou `mode`, plus dvě další vlastnosti:\n\n ```ts\n interface TransitionGroupProps extends Omit<TransitionProps, 'mode'> {\n /**\n * Pokud není definováno, vykresluje se jako fragment.\n */\n tag?: string\n /**\n * Pro přizpůsobení CSS třídy použité během přechodových animací.\n * V šablonách použijte kebab-case zápis, např. move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **Události**\n\n `<TransitionGroup>` emituje stejné události jako `<Transition>`.\n\n- **Podrobnosti**\n\n Ve výchozím nastavení `<TransitionGroup>` nevykresluje obalový DOM element, ale lze jej definovat pomocí vlastnosti `tag`.\n\n Pamatujte, že každý potomek v `<transition-group>` musí být [**jednoznačně označen**](https://cs.vuejs.org/guide/essentials/list.html#maintaining-state-with-key), aby animace fungovaly správně.\n\n `<TransitionGroup>` podporuje pohyblivé přechody pomocí CSS transformace. Pokud se pozice potomka na obrazovce po aktualizaci změní, bude mu aplikována pohybová CSS třída (automaticky generovaná z atributu `name` nebo konfigurovaná pomocí vlastnosti `move-class`). Pokud je CSS vlastnost `transform` při aplikaci pohybové třídy „transition-able“, element bude na své cílové místo plynule animován pomocí [techniky FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Příklad**\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- **Viz také:** [Průvodce – TransitionGroup](https://cs.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",
|
|
130
24
|
"description": {
|
|
131
25
|
"kind": "markdown",
|
|
132
|
-
"value": "\nUkládá stav dynamicky přepínatelných komponent obalených uvnitř do cache.\n\n- **Props**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Pokud je specifikováno, budou do cache ukládány pouze komponenty\n * s názvy odpovídajícími `include`.\n */\n include?: MatchPattern\n /**\n * Jakákoli komponenta s názvem odpovídajícím `exclude` nebude \n * ukládána do cache.\n */\n exclude?: MatchPattern\n /**\n * Maximální počet instancí komponenty, které se mají ukládat do cache.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Podrobnosti**\n\n Když obaluje dynamickou komponentu, `<KeepAlive>` ukládá neaktivní instance komponent, aniž by je ničila.\n\n V `<KeepAlive>` může být v každém okamžiku pouze jedna aktivní instance komponenty jako přímý potomek.\n\n Když je komponenta uvnitř `<KeepAlive>` přepnuta, budou se volat odpovídající lifecycle hooky `activated` a `deactivated` poskytující alternativu k `mounted` a `unmounted`, které volány nejsou. To platí jak pro přímého potomka `<KeepAlive>`, tak pro všechny jeho potomky.\n\n- **Příklad**\n\n Základní použití:\n\n ```html\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Při použití s větvemi `v-if` / `v-else` musí být vždy zobrazena pouze jedna komponenta:\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 Použití společně s `<Transition>`:\n\n ```html\n <Transition>\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n </Transition>\n ```\n\n Použití `include` / `exclude`:\n\n ```html\n <!-- čárkami oddělený řetězec -->\n <KeepAlive include=\"a,b\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- regex (použijte `v-bind`) -->\n <KeepAlive :include=\"/a|b/\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- Pole (použijte `v-bind`) -->\n <KeepAlive :include=\"['a', 'b']\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Použití s `max`:\n\n ```html\n <KeepAlive :max=\"10\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n- **Viz také:** [Průvodce
|
|
26
|
+
"value": "\nUkládá stav dynamicky přepínatelných komponent obalených uvnitř do cache.\n\n- **Props**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Pokud je specifikováno, budou do cache ukládány pouze komponenty\n * s názvy odpovídajícími `include`.\n */\n include?: MatchPattern\n /**\n * Jakákoli komponenta s názvem odpovídajícím `exclude` nebude \n * ukládána do cache.\n */\n exclude?: MatchPattern\n /**\n * Maximální počet instancí komponenty, které se mají ukládat do cache.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Podrobnosti**\n\n Když obaluje dynamickou komponentu, `<KeepAlive>` ukládá neaktivní instance komponent, aniž by je ničila.\n\n V `<KeepAlive>` může být v každém okamžiku pouze jedna aktivní instance komponenty jako přímý potomek.\n\n Když je komponenta uvnitř `<KeepAlive>` přepnuta, budou se volat odpovídající lifecycle hooky `activated` a `deactivated` poskytující alternativu k `mounted` a `unmounted`, které volány nejsou. To platí jak pro přímého potomka `<KeepAlive>`, tak pro všechny jeho potomky.\n\n- **Příklad**\n\n Základní použití:\n\n ```html\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Při použití s větvemi `v-if` / `v-else` musí být vždy zobrazena pouze jedna komponenta:\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 Použití společně s `<Transition>`:\n\n ```html\n <Transition>\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n </Transition>\n ```\n\n Použití `include` / `exclude`:\n\n ```html\n <!-- čárkami oddělený řetězec -->\n <KeepAlive include=\"a,b\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- regex (použijte `v-bind`) -->\n <KeepAlive :include=\"/a|b/\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- Pole (použijte `v-bind`) -->\n <KeepAlive :include=\"['a', 'b']\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Použití s `max`:\n\n ```html\n <KeepAlive :max=\"10\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n- **Viz také:** [Průvodce – KeepAlive](https://cs.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",
|
|
192
33
|
"description": {
|
|
193
34
|
"kind": "markdown",
|
|
194
|
-
"value": "\nVykresluje obsah svého slotu na jiné části DOM.\n\n- **Props**\n\n ```ts\n interface TeleportProps {\n /**\n * Povinné. Určuje cílový kontejner.\n * Může být buď selektor nebo samotný element.\n */\n to: string | HTMLElement\n /**\n * Když je `true`, obsah zůstane na svém původním\n * místě místo přesunu do cílového kontejneru.\n * Lze měnit dynamicky.\n */\n disabled?: boolean\n }\n ```\n\n- **Příklad**\n\n Určení cílového kontejneru:\n\n ```html\n <Teleport to=\"#some-id\" />\n <Teleport to=\".some-class\" />\n <Teleport to=\"[data-teleport]\" />\n ```\n\n Podmíněné vypnutí:\n\n ```html\n <Teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n <video src=\"./my-movie.mp4\">\n </Teleport>\n ```\n\n- **Viz také:** [Průvodce
|
|
35
|
+
"value": "\nVykresluje obsah svého slotu na jiné části DOM.\n\n- **Props**\n\n ```ts\n interface TeleportProps {\n /**\n * Povinné. Určuje cílový kontejner.\n * Může být buď selektor nebo samotný element.\n */\n to: string | HTMLElement\n /**\n * Když je `true`, obsah zůstane na svém původním\n * místě místo přesunu do cílového kontejneru.\n * Lze měnit dynamicky.\n */\n disabled?: boolean \n /**\n * Když je `true`, Teleport bude před vyhodnocením\n * svého cíle odložen (defer), dokud nebudou \n * připojeny (mounted) další části aplikace (Vue 3.5+)\n */\n defer?: boolean\n }\n ```\n\n- **Příklad**\n\n Určení cílového kontejneru:\n\n ```html\n <Teleport to=\"#some-id\" />\n <Teleport to=\".some-class\" />\n <Teleport to=\"[data-teleport]\" />\n ```\n\n Podmíněné vypnutí:\n\n ```html\n <Teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n <video src=\"./my-movie.mp4\">\n </Teleport>\n ```\n\n Odložení vyhodnocení cíle<sup class=\"vt-badge\" data-text=\"3.5+\" />:\n\n ```html\n <Teleport defer to=\"#late-div\">...</Teleport>\n <!-- někdy později v šabloně -->\n <div id=\"late-div\"></div>\n ```\n\n- **Viz také:** [Průvodce – Teleport](https://cs.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",
|
|
254
42
|
"description": {
|
|
255
43
|
"kind": "markdown",
|
|
256
|
-
"value": "\nPoužívá se pro orchestraci vnořených asynchronních závislostí ve stromu komponent.\n\n- **Props**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n suspensible?: boolean\n }\n ```\n\n- **Události**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Podrobnosti**\n\n `<Suspense>` přijímá dva sloty: `#default` a `#fallback`. Zobrazí obsah fallback slotu, zatímco v paměti vykresluje default slot.\n\n Pokud narazí na asynchronní závislosti ([Asynchronní komponenty](https://cs.vuejs.org/guide/components/async.html) a komponenty s [`async setup()`](https://cs.vuejs.org/guide/built-ins/suspense.html#async-setup)) při vykreslování default slotu, počká, dokud nebudou všechny vyřešeny, než ho zobrazí.\n\n Nastavením komponenty Suspense na `suspensible` budou všechny asynchronní závislosti obsluhovány nadřazenou Suspense. Podívejte se na [detaily implementace](https://github.com/vuejs/core/pull/6736).\n\n- **Viz také:** [Průvodce
|
|
44
|
+
"value": "\nPoužívá se pro orchestraci vnořených asynchronních závislostí ve stromu komponent.\n\n- **Props**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n suspensible?: boolean\n }\n ```\n\n- **Události**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Podrobnosti**\n\n `<Suspense>` přijímá dva sloty: `#default` a `#fallback`. Zobrazí obsah fallback slotu, zatímco v paměti vykresluje default slot.\n\n Pokud narazí na asynchronní závislosti ([Asynchronní komponenty](https://cs.vuejs.org/guide/components/async.html) a komponenty s [`async setup()`](https://cs.vuejs.org/guide/built-ins/suspense.html#async-setup)) při vykreslování default slotu, počká, dokud nebudou všechny vyřešeny, než ho zobrazí.\n\n Nastavením komponenty Suspense na `suspensible` budou všechny asynchronní závislosti obsluhovány nadřazenou Suspense. Podívejte se na [detaily implementace](https://github.com/vuejs/core/pull/6736).\n\n- **Viz také:** [Průvodce – Suspense](https://cs.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,184 +53,25 @@
|
|
|
318
53
|
"value": "\n„Meta komponenta“ pro vykreslování dynamických komponent nebo elementů.\n\n- **Props**\n\n ```ts\n interface DynamicComponentProps {\n is: string | Component\n }\n ```\n\n- **Podrobnosti**\n\n Skutečná komponenta k vykreslení je určena vlastností `is`.\n\n - Když je `is` řetězec, může to být buď název HTML tagu nebo zaregistrovaný název komponenty.\n\n - Alternativně může být `is` vázán přímo na definici komponenty.\n\n- **Příklad**\n\n Vykreslování komponent podle zaregistrovaného názvu (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 Vykreslování komponent podle definice (Composition API se `<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 Vykreslování HTML elementů:\n\n ```html\n <component :is=\"href ? 'a' : 'span'\"></component>\n ```\n\n Do `is` lze předat všechny [vestavěné komponenty](./built-in-components), ale musíte je zaregistrovat, pokud je chcete předávat jménem. Například:\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 Registrace není vyžadována, pokud do `is` místo jejího názvu předáte samotnou komponentu, např. ve `<script setup>`.\n\n Pokud je na tagu `<component>` použit `v-model`, kompilátor šablony jej transformuje na vlastnost (prop) `modelValue` a event listener `update:modelValue`, podobně jako by to udělal pro jakoukoli jinou komponentu. Není to však kompatibilní s nativními HTML elementy, jako jsou `<input>` nebo `<select>`. Kvůli tomu nebude použití `v-model` s dynamicky vytvořeným nativním elementem fungovat:\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 <!-- Toto nebude fungovat, protože 'input' je nativní HTML element -->\n <component :is=\"tag\" v-model=\"username\" />\n </template>\n ```\n\n V praxi se tento okrajový případ běžně nevyskytuje, protože nativní formulářová pole jsou ve skutečných aplikacích obvykle obalena komponentami. Pokud však skutečně potřebujete použít nativní element přímo, můžete `v-model` ručně rozdělit na atribut a událost.\n\n- **Viz také:** [Dynamické komponenty](https://cs.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",
|
|
378
60
|
"description": {
|
|
379
61
|
"kind": "markdown",
|
|
380
|
-
"value": "\nUrčuje prostor pro vložený obsah uvnitř šablon.\n\n- **Props** \n\n ```ts\n interface SlotProps {\n /**\n * Jakékoli vlastnosti předané do <slot> budou předány jako
|
|
62
|
+
"value": "\nUrčuje prostor pro vložený obsah uvnitř šablon.\n\n- **Props** \n\n ```ts\n interface SlotProps {\n /**\n * Jakékoli vlastnosti předané do <slot> budou předány jako parametry\n * pro scoped sloty\n */\n [key: string]: any\n /**\n * Rezervováno pro specifikaci jména slotu.\n */\n name?: string\n }\n ```\n\n- **Podrobnosti**\n\n Element `<slot>` může použít atribut `name` k určení jména slotu. Pokud není specifikováno žádné jméno, bude vykreslen výchozí (default) slot. Další atributy předané do elementu slotu budou předány jako vlastnosti (props) scoped slotu definovaného v rodičovské komponentě.\n\n Samotný element bude nahrazen obsahem odpovídajícího slotu.\n\n `<slot>` elementy ve Vue šablonách jsou kompilovány do JavaScriptu, aby nedocházelo k jejich záměně s [nativními `<slot>` elementy](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).\n\n- **Viz také:** [Průvodce – Sloty](https://cs.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",
|
|
440
69
|
"description": {
|
|
441
70
|
"kind": "markdown",
|
|
442
|
-
"value": "\nTag `<template>` se používá jako placeholder, když chceme použít vestavěnou direktivu, aniž bychom vykreslovali element v DOM.\n\n- **Podrobnosti**\n\n Speciální obsluha je pro `<template>` spuštěna pouze tehdy, pokud je tag použit spolu s jednou z těchto direktiv:\n\n - `v-if`, `v-else-if` nebo `v-else`\n - `v-for`\n - `v-slot`\n\n Pokud žádná z těchto direktiv přítomna není, bude vykreslen jako [nativní `<template>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n\n `<template>` s `v-for` může mít také atribut [`key`](https://cs.vuejs.org/api/built-in-special-attributes.html#key). Všechny ostatní atributy a direktivy budou
|
|
71
|
+
"value": "\nTag `<template>` se používá jako placeholder, když chceme použít vestavěnou direktivu, aniž bychom vykreslovali element v DOM.\n\n- **Podrobnosti**\n\n Speciální obsluha je pro `<template>` spuštěna pouze tehdy, pokud je tag použit spolu s jednou z těchto direktiv:\n\n - `v-if`, `v-else-if` nebo `v-else`\n - `v-for`\n - `v-slot`\n\n Pokud žádná z těchto direktiv přítomna není, bude vykreslen jako [nativní `<template>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n\n `<template>` s `v-for` může mít také atribut [`key`](https://cs.vuejs.org/api/built-in-special-attributes.html#key). Všechny ostatní atributy a direktivy budou ignorovány, protože nemají bez odpovídajícího prvku význam.\n\n Single-file komponenty (SFC) používají [tag `<template>` nejvyšší úrovně](https://cs.vuejs.org/api/sfc-spec.html#language-blocks) k obalení celé šablony. Tento způsob použití je oddělen od použití `<template>` popsaného výše. Tento tag nejvyšší úrovně není součástí samotné šablony a nepodporuje syntaxi šablony, jako jsou direktivy.\n\n- **Viz také:**\n - [Průvodce – `v-if` na `<template>`](https://cs.vuejs.org/guide/essentials/conditional.html#v-if-on-template)\n - [Průvodce – `v-for` nad `<template>`](https://cs.vuejs.org/guide/essentials/list.html#v-for-on-template)\n - [Průvodce – Pojmenované sloty](https://cs.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": "Aktualizuje textový obsah elementu.\n\n- **Očekává:** `string`\n\n- **Podrobnosti**\n\n `v-text` funguje tak, že elementu nastavuje vlastnost [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent), což přepíše jakýkoli existující obsah uvnitř elementu. Pokud potřebujete aktualizovat část `textContent`, měli byste místo toho použít [„mustache“ interpolaci](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation).\n\n- **Příklad**\n\n ```html\n <span v-text=\"msg\"></span>\n <!-- stejné jako -->\n <span>{{msg}}</span>\n ```\n\n- **Viz také:** [Syntaxe šablon – Interpolace textu](https://cs.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": "Aktualizuje [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) elementu.\n\n- **Očekává:** `string`\n\n- **Podrobnosti**\n\n Obsah `v-html` je vložen jako prosté HTML a syntaxe Vue šablony nebude zpracována. Pokud se snažíte sestavit šablony pomocí `v-html`, zkuste raději řešení přehodnotit a použít komponenty.\n\n ::: warning Bezpečnostní poznámka\n Dynamické vykreslování libovolného HTML na vašem webu může být velmi nebezpečné, protože může snadno vést k [XSS útokům](https://en.wikipedia.org/wiki/Cross-site_scripting). Používejte `v-html` pouze na důvěryhodný obsah a **nikdy** na obsah poskytovaný uživatelem.\n :::\n\n V [Single-file komponentách (SFC)](https://cs.vuejs.org/guide/scaling-up/sfc.html) se `scoped` styly na obsah uvnitř `v-html` nebudou aplikovat, protože toto HTML není zpracováváno kompilátorem Vue šablony. Pokud chcete cílit na obsah `v-html` pomocí scoped CSS, můžete místo toho použít [CSS moduly](./sfc-css-features#css-modules) nebo další, globální `<style>` element s manuální strategií omezování rozsahu, jako je BEM.\n\n- **Příklad**\n\n ```html\n <div v-html=\"html\"></div>\n ```\n\n- **Viz také:** [Syntaxe šablon – HTML kód](https://cs.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": "Přepíná viditelnost elementu na základě pravdivostní hodnoty výrazu.\n\n- **Očekává:** `any`\n\n- **Podrobnosti**\n\n `v-show` funguje tak, že nastavuje vlastnost `display` v CSS pomocí inline stylů a snaží se respektovat původní hodnotu `display`, když je prvek viditelný. Také spouští přechody, když se změní jeho podmínka.\n\n- **Viz také:** [Podmíněné vykreslování - v-show](https://cs.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": "Podmíněné vykreslování elementu nebo fragmentu šablony na základě pravdivostní hodnoty výrazu.\n\n- **Očekává:** `any`\n\n- **Podrobnosti**\n\n Když je element s `v-if` přepnut, element a jeho obsažené direktivy / komponenty jsou zničeny a znovu vytvořeny. Pokud je počáteční podmínka nepravdivá, vnitřní obsah nebude vůbec vykreslen.\n\n Lze použít na `<template>` pro označení podmíněného bloku obsahujícího pouze text nebo více elementů.\n\n Tato direktiva spouští přechody, když se změní její podmínka.\n\n Pokud jsou použity společně, `v-if` má vyšší prioritu než `v-for`. Nedoporučujeme používat tyto dvě direktivy společně na jednom elementu. Pro podrobnosti se podívejte na [průvodce vykreslováním seznamu](https://cs.vuejs.org/guide/essentials/list.html#v-for-with-v-if).\n\n- **Viz také:** [Podmíněné vykreslování - v-if](https://cs.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": "Označuje „else blok“ pro `v-if` nebo řetězec `v-if` / `v-else-if`.\n\n- **Nepředpokládá výraz**\n\n- **Podrobnosti**\n\n - Omezení: předchozí element (sibling) musí mít `v-if` nebo `v-else-if`.\n\n - Lze použít na `<template>` pro označení podmíněného bloku obsahujícího pouze text nebo více prvků.\n\n- **Příklad**\n\n ```html\n <div v-if=\"Math.random() > 0.5\">\n Teď mě vidíš\n </div>\n <div v-else>\n Teď mě nevidíš\n </div>\n ```\n\n- **Viz také:** [Podmíněné vykreslování - v-else](https://cs.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": "Označuje „else if blok“ pro `v-if`. Může být řetězený (více „else if“ větví).\n\n- **Očekává:** `any`\n\n- **Podrobnosti**\n\n - Omezení: předchozí element (sibling) musí mít `v-if` nebo `v-else-if`.\n\n - Lze použít na `<template>` pro označení podmíněného bloku obsahujícího pouze text nebo více prvků.\n\n- **Příklad**\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 Není A/B/C\n </div>\n ```\n\n- **Viz také:** [Podmíněné vykreslování - v-else-if](https://cs.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": "Vykreslí element nebo blok šablony vícekrát na základě zdrojových dat.\n\n- **Očekává:** `Array | Object | number | string | Iterable`\n\n- **Podrobnosti**\n\n Hodnota direktivy musí používat speciální syntaxi `alias in expression` pro poskytnutí aliasu na aktuální element, který je iterován:\n\n ```html\n <div v-for=\"item in items\">\n {{ item.text }}\n </div>\n ```\n\n Alternativně můžete také specifikovat alias pro index (nebo klíč, pokud se používá na objektu):\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ýchozí chování `v-for` je pokusit se opravit elementy na místě, aniž by byly přesouvány. Pokud chcete, aby byly přeuspořádány, měli byste poskytnout nápovědu pro řazení pomocí speciálního atributu `key`:\n\n ```html\n <div v-for=\"item in items\" :key=\"item.id\">\n {{ item.text }}\n </div>\n ```\n\n `v-for` může také pracovat s hodnotami, které implementují [Iterable Protocol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol), včetně nativních `Map` a `Set`.\n\n- **Viz také:**\n - [Vykreslování seznamu](https://cs.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": "Připojí k elementu event listener.\n\n- **Zkratka:** `@`\n\n- **Očekává:** `Function | Inline Statement | Object (bez parametru)`\n\n- **Parametr:** `event` (volitelné při použití objektové syntaxe)\n\n- **Modifikátory**\n\n - `.stop` – zavolá `event.stopPropagation()`.\n - `.prevent` – zavolá `event.preventDefault()`.\n - `.capture` – přidá event listener v režimu zachycení (capture mode).\n - `.self` – spustí handler pouze pokud byla událost vyvolána z tohoto elementu.\n - `.{keyAlias}` – spustí handler pouze pro určité klávesy.\n - `.once` – spustí handler maximálně jednou.\n - `.left` – spustí handler pouze pro události levého tlačítka myši.\n - `.right` – spustí handler pouze pro události pravého tlačítka myši.\n - `.middle` – spustí handler pouze pro události středního tlačítka myši.\n - `.passive` – připojí DOM událost s `{ passive: true }`.\n\n- **Podrobnosti**\n\n Typ události je určen parametrem. Výraz může být název metody, vložený příkaz nebo může být vynechán, pokud jsou přítomny modifikátory.\n\n Pokud je použito na běžném elementu, naslouchá pouze [**nativním DOM událostem**](https://developer.mozilla.org/en-US/docs/Web/Events). Pokud je použito na elementu vlastní komponenty, naslouchá **vlastním událostem** emitovaným na tomto potomkovi.\n\n Při naslouchání nativním DOM událostem metoda přijímá jako jediný parametr nativní událost. Pokud je použit vložený příkaz, příkaz má přístup k speciální vlastnosti `$event`: `v-on:click=\"handle('ok', $event)\"`.\n\n `v-on` také podporuje binding na objekt párů událost / listener bez parametru. Pozor, při použití objektové syntaxe nepodporuje žádné modifikátory.\n\n- **Příklad**\n\n ```html\n <!-- handler metody -->\n <button v-on:click=\"doThis\"></button>\n\n <!-- dynamická událost -->\n <button v-on:[event]=\"doThis\"></button>\n\n <!-- inline příkaz -->\n <button v-on:click=\"doThat('hello', $event)\"></button>\n\n <!-- zkratka -->\n <button @click=\"doThis\"></button>\n\n <!-- zkratka pro dynamickou událost -->\n <button @[event]=\"doThis\"></button>\n\n <!-- zastavení propagace -->\n <button @click.stop=\"doThis\"></button>\n\n <!-- zamezení výchozího chování -->\n <button @click.prevent=\"doThis\"></button>\n\n <!-- zamezení výchozího chování bez výrazu -->\n <form @submit.prevent></form>\n\n <!-- řetězení modifikátorů -->\n <button @click.stop.prevent=\"doThis\"></button>\n\n <!-- modifikátor klávesy pomocí keyAlias -->\n <input @keyup.enter=\"onEnter\" />\n\n <!-- událost click bude spuštěna nejvýše jednou -->\n <button v-on:click.once=\"doThis\"></button>\n\n <!-- objektová syntaxe -->\n <button v-on=\"{ mousedown: doThis, mouseup: doThat }\"></button>\n ```\n\n Naslouchání vlastním událostem na komponentě potomka (handler je volán při emitování „my-event“ z potomka):\n\n ```html\n <MyComponent @my-event=\"handleThis\" />\n\n <!-- inline příkaz -->\n <MyComponent @my-event=\"handleThis(123, $event)\" />\n ```\n\n- **Viz také:**\n - [Obsluha událostí](https://cs.vuejs.org/guide/essentials/event-handling.html)\n - [Základy komponent – Naslouchání událostem](https://cs.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": "Dynamicky váže jeden nebo více atributů nebo vlastností (props) komponenty na výraz.\n\n- **Zkratka:** \n - `:` nebo `.` (pokud se používá modifikátor `.prop`)\n - Vynechání hodnoty (pokud mají atribut a vázaná hodnota stejný název), podporováno až od verze 3.4+\n\n- **Očekává:** `libovolný (s parametrem) | Objekt (bez parametru)`\n\n- **Parametr:** `attrOrProp (volitelné)`\n\n- **Modifikátory**\n\n - `.camel` – převede název atributu z kebab-case na camelCase.\n - `.prop` – vynutí binding jako vlastnost (prop) DOM (3.2+).\n - `.attr` – vynutí binding jako atribut DOM (3.2+).\n\n- **Použití**\n\n Pokud se používá pro binding atributu `class` nebo `style`, `v-bind` podporuje další typy hodnot, jako jsou pole nebo objekty. Podrobnosti naleznete v příslušné části průvodce níže.\n\n Při nastavování bindingu na element Vue ve výchozím nastavení kontroluje, zda má element klíč definovaný jako vlastnost pomocí operátoru `in`. Pokud je vlastnost definována, Vue nastaví hodnotu jako vlastnost DOM místo atributu. To by mělo fungovat ve většině případů, ale toto chování můžete přepsat explicitním použitím modifikátorů `.prop` nebo `.attr`. To je někdy nutné, zejména při [práci s custom elementy](https://cs.vuejs.org/guide/extras/web-components.html#passing-dom-properties).\n\n Při použití pro binding vlastností (props) komponenty musí být vlastnost v komponentě potomka správně deklarována.\n\n Pokud se používá bez parametru, může být použito pro binding objektu obsahujícího páry název-hodnota atributu.\n\n- **Příklad**\n\n ```html\n <!-- binding atributu -->\n <img v-bind:src=\"imageSrc\" />\n\n <!-- dynamický název atributu -->\n <button v-bind:[key]=\"value\"></button>\n\n <!-- zkratka -->\n <img :src=\"imageSrc\" />\n\n <!-- zkratka stejného názvu (3.4+), bude rozšířeno na :src=\"src\" -->\n <img :src />\n\n <!-- zkratka s dynamickým názvem atributu -->\n <button :[key]=\"value\"></button>\n\n <!-- se spojením řetězců -->\n <img :src=\"'/path/to/images/' + fileName\" />\n\n <!-- binding třídy -->\n <div :class=\"{ red: isRed }\"></div>\n <div :class=\"[classA, classB]\"></div>\n <div :class=\"[classA, { classB: isB, classC: isC }]\"></div>\n\n <!-- binding stylů -->\n <div :style=\"{ fontSize: size + 'px' }\"></div>\n <div :style=\"[styleObjectA, styleObjectB]\"></div>\n\n <!-- binding objektu attributů -->\n <div v-bind=\"{ id: someProp, 'other-attr': otherProp }\"></div>\n\n <!-- binding vlastnosti, `prop` musí být deklarována v komponentě potomka -->\n <MyComponent :prop=\"someThing\" />\n\n <!-- předání props z rodiče, které jsou společné s komponentou potomka -->\n <MyComponent v-bind=\"$props\" />\n\n <!-- XLink -->\n <svg><a :xlink:special=\"foo\"></a></svg>\n ```\n\nModifikátor `.prop` má také zkrácenou formu, `.`:\n\n```html\n<div :someProperty.prop=\"someObject\"></div>\n\n<!-- ekvivalentní zápis -->\n<div .someProperty=\"someObject\"></div>\n```\n\nModifikátor `.camel` umožňuje převést jméno atributu `v-bind` na camelCase, například atribut `viewBox` ve SVG:\n\n```html\n<svg :view-box.camel=\"viewBox\"></svg>\n```\n\n`.camel` není potřeba, pokud používáte řetězcové šablony nebo předkompilujete šablonu pomocí build fáze.\n\n- **Viz také:**\n - [Binding tříd a stylů](https://cs.vuejs.org/guide/essentials/class-and-style.html)\n - [Vlastnosti (Props) - Detaily předávání vlastností](https://cs.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": "Vytvoří oboustranný binding na input element formuláře nebo komponenty.\n\n- **Očekává:** hodnota závisí na hodnotě input elementu formuláře nebo výstupu komponenty\n\n- **Omezeno na:**\n\n - `<input>`\n - `<select>`\n - `<textarea>`\n - komponenty\n\n- **Modifikátory**\n\n - [`.lazy`](https://cs.vuejs.org/guide/essentials/forms.html#lazy) - naslouchá událostem `change` místo `input`\n - [`.number`](https://cs.vuejs.org/guide/essentials/forms.html#number) - převede platný řetězcový vstup na čísla\n - [`.trim`](https://cs.vuejs.org/guide/essentials/forms.html#trim) - odstraní přebytečné mezery\n\n- **Viz také:**\n\n - [Binding dat z formulářů](https://cs.vuejs.org/guide/essentials/forms.html)\n - [Binding přes v-model](https://cs.vuejs.org/guide/components/v-model.html)"
|
|
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": "Určuje pojmenované sloty nebo scoped sloty, které očekávají předání vlastností (props).\n\n- **Zkrácený zápis:** `#`\n\n- **Očekává:** JavaScriptový výraz, který je platný v pozici parametru funkce, včetně podpory destrukturování. Volitelné - je potřeba pouze pokud očekáváte, že budou do slotu předány vlastnosti.\n\n- **Parametr:** název slotu (volitelné, výchozí hodnota je `default`)\n\n- **Omezeno na:**\n\n - `<template>`\n - [komponenty](https://cs.vuejs.org/guide/components/slots.html#scoped-slots) (pro samostatný default slot s props)\n\n- **Příklad**\n\n ```html\n <!-- Pojmenované sloty -->\n <BaseLayout>\n <template v-slot:header>\n Obsah záhlaví\n </template>\n\n <template v-slot:default>\n Obsah default slotu\n </template>\n\n <template v-slot:footer>\n Obsah zápatí\n </template>\n </BaseLayout>\n\n <!-- Pojmenovaný slot, který přijímá props -->\n <InfiniteScroll>\n <template v-slot:item=\"slotProps\">\n <div class=\"item\">\n {{ slotProps.item.text }}\n </div>\n </template>\n </InfiniteScroll>\n\n <!-- Default slot, který přijímá props s destrukturováním -->\n <Mouse v-slot=\"{ x, y }\">\n Pozice myši: {{ x }}, {{ y }}\n </Mouse>\n ```\n\n- **Viz také:**\n - [Komponenty – Sloty (Slots)](https://cs.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": "Přeskočit kompilaci tohoto elementu a všech jeho potomků.\n\n- **Nepředpokládá výraz** \n\n- **Podrobnosti**\n\n Uvnitř elementu s `v-pre` budou všechny syntaxe Vue šablony zachovány a vykresleny tak, jak jsou. Nejběžnějším použitím je zobrazení nezpracovaných „mustache“ tagů.\n\n- **Příklad**\n\n ```html\n <span v-pre>{{ toto nebude zkompilováno }}</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": "Vykreslit element nebo komponentu pouze jednou a přeskočit budoucí aktualizace.\n\n- **Nepředpokládá výraz** \n\n- **Podrobnosti**\n\n Při dalších překreslováních budou element/komponenta a všichni potomci považováni za statický obsah a přeskočeni. To lze použít k optimalizaci výkonu aktualizace.\n\n ```html\n <!-- jediný prvek -->\n <span v-once>Toto se nikdy nezmění: {{msg}}</span>\n <!-- element s potomky -->\n <div v-once>\n <h1>Komentář</h1>\n <p>{{msg}}</p>\n </div>\n <!-- komponenta -->\n <MyComponent v-once :comment=\"msg\"></MyComponent>\n <!-- direktiva `v-for` -->\n <ul>\n <li v-for=\"i in list\" v-once>{{i}}</li>\n </ul>\n ```\n\n Od verze 3.2 si můžete také část šablony „zapamatovat“ (memoize) s podmínkami neplatnosti pomocí [`v-memo`](#v-memo).\n\n- **Viz také:**\n - [Syntaxe šablon – Interpolace textu](https://cs.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": "- Podporováno až od verze 3.2+\n\n- **Očekává:** `any[]`\n\n- **Podrobnosti**\n\n Uloží si (memoize) podstrom šablony. Může být použito jak na elementech, tak na komponentách. Direktiva očekává pole hodnot závislostí pevné délky, které se porovnávají pro zapamatování. Pokud každá hodnota v poli byla stejná jako při posledním vykreslení, aktualizace pro celý podstrom bude přeskočena. Například:\n\n ```html\n <div v-memo=\"[hodnotaA, hodnotaB]\">\n ...\n </div>\n ```\n\n Pokud při opětovném vykreslení komponenty zůstanou jak `hodnotaA`, tak `hodnotaB` stejné, všechny aktualizace pro tento `<div>` a jeho potomky budou přeskočeny. Ve skutečnosti bude přeskočeno i vytváření Virtual DOM VNode, protože memoizovaná kopie podstromu může být znovu použita.\n\n Je důležité správně specifikovat pole pro zapamatování, jinak můžeme přeskočit aktualizace, které by aplikovány být měly. `v-memo` s prázdným polem závislostí (`v-memo=\"[]\"`) by bylo funkčně ekvivalentní `v-once`.\n\n **Použití s `v-for`**\n\n `v-memo` je poskytováno výhradně pro mikrooptimalizace výkonu a je potřeba jen zřídka. Nejběžnější případ, kdy se to může hodit, je při vykreslování velkých seznamů `v-for` (kde `length > 1000`):\n\n ```html\n <div v-for=\"prvek in seznam\" :key=\"prvek.id\" v-memo=\"[prvek.id === vybrano]\">\n <p>ID: {{ prvek.id }} - vybráno: {{ prvek.id === vybrano }}</p>\n <p>...další potomci</p>\n </div>\n ```\n\n Při změně stavu `vybrano` komponenty bude vytvořeno velké množství VNodes, i když většina položek zůstala přesně stejná. Použití `v-memo` zde znamená _„aktualizujte tuto položku pouze tehdy, pokud se změnila z nevybrané na vybranou nebo naopak“_. To umožňuje každé neovlivněné položce znovu použít její předchozí VNode a úplně přeskočit porovnávání rozdílů. Poznamenejme, že zde do pole závislostí pro zapamatování nemusíme zahrnout `prvek.id`, protože Vue ji automaticky odvodí z `:key` položky.\n\n :::warning Varování\n Při použití `v-memo` s `v-for` se ujistěte, že jsou použity na stejném elementu. **`v-memo` nefunguje uvnitř `v-for`.**\n :::\n\n `v-memo` lze také použít na komponentách k manuálnímu zabránění nechtěným aktualizacím v určitých okrajových případech, kdy byla kontrola aktualizace potomka de-optimalizována. Ale opět je zodpovědností vývojáře specifikovat správné pole závislostí, aby se zabránilo vynechání nutných aktualizací.\n\n- **Viz také:**\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": "Používá se k skrytí nezkompilované šablony, dokud není připravena.\n\n- **Nepředpokládá výraz**\n\n- **Podrobnosti**\n\n **Tato direktiva je potřeba pouze při použití bez build fáze.**\n\n Při použití in-DOM šablon může dojít k „blikání (flashing) nezkompilovaných šablon“: uživatel může vidět nezpracované „mustache“ značky, dokud je připojená (mounted) komponenta nenahradí vykresleným obsahem.\n\n `v-cloak` zůstane na elementu, dokud není připojena příslušná instance komponenty. Spolu s CSS pravidly jako `[v-cloak] { display: none }` lze použít k skrytí nezpracovaných šablon, dokud není komponenta připravena.\n\n- **Příklad**\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>` nebude viditelný, dokud nebude dokončena kompilace."
|
|
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": "Speciální atribut `key` se používá především jako nápověda pro virtuální DOM algoritmus Vue pro identifikaci elementů (VNodes) při porovnávání nového seznamu s původním seznamem.\n\n- **Očekává:** `number | string | symbol`\n\n- **Podrobnosti**\n\n Bez `key` atributů Vue používá algoritmus, který minimalizuje pohyb elementů a snaží se co nejvíce upravit / znovupoužít elementy stejného typu na stejném místě. S použitím `key` se elementy přeuspořádávají na základě změny pořadí klíčů a elementy s klíči, které již nejsou přítomny, budou vždy odstraněny / zničeny.\n\n Potomci stejného společného rodiče musí mít **unikátní klíče**. Duplicitní atributy `key` způsobí chyby při vykreslování.\n\n Nejběžnější použití je v kombinaci s `v-for`:\n\n ```html\n <ul>\n <li v-for=\"item in items\" :key=\"item.id\">...</li>\n </ul>\n ```\n\n Mohou být také použity k vynucenému nahrazení elementu/komponenty místo jejího znovupoužití. To může být užitečné, když chcete:\n\n - Správně spustit lifecycle hooky komponenty\n - Spustit přechody (transitions)\n\n Například:\n\n ```html\n <transition>\n <span :key=\"text\">{{ text }}</span>\n </transition>\n ```\n\n Když se změní `text`, `<span>` bude vždy nahrazen místo pouhé úpravy, takže se přechod spustí.\n\n- **Viz také:** [Průvodce – Vykreslování seznamu – Udržování stavu pomocí `key`](https://cs.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": "Určuje [Template ref](https://cs.vuejs.org/guide/essentials/template-refs.html).\n\n- **Očekává:** `string | Function`\n\n- **Podrobnosti**\n\n `ref` se používá k zaregistrování reference na element nebo komponentu potomka.\n\n V Options API bude reference zaregistrována v objektu `this.$refs` komponenty:\n\n ```html\n <!-- uloženo jako this.$refs.p -->\n <p ref=\"p\">ahoj</p>\n ```\n\n V Composition API bude reference uložena jako `ref` se shodným názvem:\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\">ahoj</p>\n </template>\n ```\n\n Pokud je použito na obyčejném DOM elementu, reference bude odkazovat na tento element; pokud je použito na komponentě potomka, reference bude odkazovat na příslušnou instanci komponenty.\n\n Alternativně může `ref` přijmout hodnotu funkce, která poskytuje plnou kontrolu, kam referenci uložit:\n\n ```html\n <ChildComponent :ref=\"(el) => child = el\" />\n ```\n\n Důležitá poznámka ohledně času registrace ref: protože samotné refs jsou vytvořeny jako výsledek vykreslovací funkce, musíte počkat, až je komponenta připojena (mounted), než k nim lze přistoupit.\n\n `this.$refs` také není reaktivní, proto byste se neměli pokoušet tento objekt použít v šablonách pro data-binding.\n\n- **Viz také:**\n - [Průvodce – Template Refs](https://cs.vuejs.org/guide/essentials/template-refs.html)\n - [Průvodce – Typování template refs](https://cs.vuejs.org/guide/typescript/composition-api.html#typing-template-refs) <sup class=\"vt-badge ts\" />\n - [Průvodce – Typování template refs komponenty](https://cs.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": "Používá se pro binding [dynamických komponent](https://cs.vuejs.org/guide/essentials/component-basics.html#dynamic-components).\n\n- **Očekává:** `string | Komponenta`\n\n- **Použití na nativních elementech**\n\n - Podporováno až od verze 3.1+\n\n Když je atribut `is` použit na nativním HTML elementu, bude interpretován jako [custom vestavěný element](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-customized-builtin-example), což je nativní funkce webové platformy.\n\n Existuje však případ použití, kdy můžete potřebovat, aby Vue nahradilo nativní element Vue komponentou, jak je vysvětleno v [upozornění na omezení při parsování in-DOM šablon](https://cs.vuejs.org/guide/essentials/component-basics.html#in-dom-template-parsing-caveats). Můžete atributu `is` přidat předponu `vue:`, aby Vue vykreslilo element jako Vue komponentu:\n\n ```html\n <table>\n <tr is=\"vue:my-row-component\"></tr>\n </table>\n ```\n\n- **Viz také:**\n\n - [Vestavěné speciální elementy – `<component>`](https://cs.vuejs.org/api/built-in-special-elements.html#component)\n - [Dynamické komponenty](https://cs.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": "Speciální atribut, který lze použít k potlačení varování o [nesouladu hydratace](https://cs.vuejs.org/guide/scaling-up/ssr.html#hydration-mismatch).\n\n- **Příklad**\n\n ```html\n <div data-allow-mismatch=\"text\">{{ data.toLocaleString() }}</div>\n ```\n \n Hodnota může omezit povolený nesoulad na určitý typ. Povolené hodnoty jsou:\n\n - `text`\n - `children` (povoluje nesoulad pouze na přímých potomcích)\n - `class`\n - `style`\n - `attribute`\n\n Pokud není zadána žádná hodnota, jsou povoleny všechny typy nesouladů."
|
|
231
|
+
},
|
|
232
|
+
"references": "api/ssr.html#data-allow-mismatch"
|
|
1603
233
|
}
|
|
1604
234
|
]
|
|
1605
235
|
}
|