@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/pt.json
CHANGED
|
@@ -8,60 +8,7 @@
|
|
|
8
8
|
"value": "\nFornece efeitos de transição animados para um **único** elemento ou componente.\n\n- **Propriedades**\n\n ```ts\n interface TransitionProps {\n /**\n * Usado para gerar automaticamente nomes de classes CSS de transição.\n * exemplo `name: 'fade'` expandirá automaticamente para `.fade-enter`,\n * `.fade-enter-active`, etc.\n */\n name?: string\n /**\n * Decide aplicar classes CSS de transição.\n * Padrão: true\n */\n css?: boolean\n /**\n * Especifica o tipo de eventos de transição à aguardar\n * para determinar a transição e o tempo.\n * O comportamento padrão é detetar automaticamente o tipo\n * que tiver a maior duração.\n */\n type?: 'transition' | 'animation'\n /**\n * Especifica durações explícitas para as transições.\n * O comportamento padrão é esperar pelo primeiro evento `transitionend`\n * ou `animationend` no elemento de transição raiz.\n */\n duration?: number | { enter: number; leave: number }\n /**\n * Controla a sequência de tempo das transições que entram ou saem.\n * O comportamento padrão é simultâneo.\n */\n mode?: 'in-out' | 'out-in' | 'default'\n /**\n * Define aplicar a transição na interpretação inicial.\n * Padrão: false\n */\n appear?: boolean\n\n /**\n * Propriedades para personalizar as classes de transição.\n * Use kebab-case nos modelos de marcação, exemplo 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- **Eventos**\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` (apenas `v-show`)\n - `@appear-cancelled`\n\n- **Exemplo**\n\n Elemento simples:\n\n ```html\n <Transition>\n <div v-if=\"ok\">conteúdo alternado</div>\n </Transition>\n ```\n\n Forçar uma transição mudando o atributo `key`:\n\n ```html\n <Transition>\n <div :key=\"text\">{{ text }}</div>\n </Transition>\n ```\n\n Componente dinâmico, com o modo de transição + animação ao aparecer:\n\n ```html\n <Transition name=\"fade\" mode=\"out-in\" appear>\n <component :is=\"view\"></component>\n </Transition>\n ```\n\n Ouvir eventos de transição:\n\n ```html\n <Transition @after-enter=\"onTransitionComplete\">\n <div v-show=\"ok\">conteúdo ativado</div>\n </Transition>\n ```\n\n- **Consultar também:** [Guia - Transição](https://pt.vuejs.org/guide/built-ins/transition.html)\n"
|
|
9
9
|
},
|
|
10
10
|
"attributes": [],
|
|
11
|
-
"references":
|
|
12
|
-
{
|
|
13
|
-
"name": "en",
|
|
14
|
-
"url": "https://vuejs.org/api/built-in-components.html#transition"
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
"name": "zh-cn",
|
|
18
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#transition"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
"name": "zh-hk",
|
|
22
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#transition"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"name": "ja",
|
|
26
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#transition"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "ua",
|
|
30
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#transition"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
"name": "fr",
|
|
34
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#transition"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
"name": "ko",
|
|
38
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#transition"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"name": "pt",
|
|
42
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#transition"
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"name": "bn",
|
|
46
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#transition"
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
"name": "it",
|
|
50
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#transition"
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"name": "cs",
|
|
54
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#transition"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"name": "ru",
|
|
58
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#transition"
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"name": "fa",
|
|
62
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#transition"
|
|
63
|
-
}
|
|
64
|
-
]
|
|
11
|
+
"references": "api/built-in-components.html#transition"
|
|
65
12
|
},
|
|
66
13
|
{
|
|
67
14
|
"name": "TransitionGroup",
|
|
@@ -70,60 +17,7 @@
|
|
|
70
17
|
"value": "\nFornece efeitos de transição para **múltiplos** elementos ou componentes numa lista.\n\n- **Propriedades**\n\n `<TransitionGroup>` aceita as mesmas propriedades que o `<Transition>` exceto `mode`, e mais duas propriedades adicionais:\n\n ```ts\n interface TransitionGroupProps extends Omit<TransitionProps, 'mode'> {\n /**\n * Se não definido, desenha um fragmento.\n */\n tag?: string\n /**\n * Para personalizar as classes CSS aplicadas durante as transições de movimento.\n * Use kebab-case em modelos de marcação, exemplo move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **Eventos**\n\n `<TransitionGroup>` emite os mesmos eventos que `<Transition>`.\n\n- **Detalhes**\n\n Por padrão, `<TransitionGroup>` não desenha um elemento de DOM que envolve, mas pode ser definido através da propriedade `tag`.\n\n Note que todo filho num `<transition-group>` deve ser [**identificado unicamente**](https://pt.vuejs.org/guide/essentials/list.html#maintaining-state-with-key) para que as animações funcionem apropriadamente.\n\n `<TransitionGroup>` suporta transições de movimento através de transformações de CSS. Quando a posição dum filho na tela é mudada após uma atualização, será aplicada uma classe de movimento CSS (gerada automaticamente pelo atributo `name` ou configurada pela propriedade `move-class`). Se a propriedade de CSS `transform` é passível de transição quando a classe de movimento é aplicada, o elemento será suavemente animado até o seu destino usando a [técnica FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Exemplo**\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- **Consultar também:** [Guia - `TransitionGroup`](https://pt.vuejs.org/guide/built-ins/transition-group.html)\n"
|
|
71
18
|
},
|
|
72
19
|
"attributes": [],
|
|
73
|
-
"references":
|
|
74
|
-
{
|
|
75
|
-
"name": "en",
|
|
76
|
-
"url": "https://vuejs.org/api/built-in-components.html#transitiongroup"
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
"name": "zh-cn",
|
|
80
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"name": "zh-hk",
|
|
84
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"name": "ja",
|
|
88
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"name": "ua",
|
|
92
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"name": "fr",
|
|
96
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"name": "ko",
|
|
100
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
"name": "pt",
|
|
104
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
"name": "bn",
|
|
108
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
"name": "it",
|
|
112
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "cs",
|
|
116
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"name": "ru",
|
|
120
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
121
|
-
},
|
|
122
|
-
{
|
|
123
|
-
"name": "fa",
|
|
124
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#transitiongroup"
|
|
125
|
-
}
|
|
126
|
-
]
|
|
20
|
+
"references": "api/built-in-components.html#transitiongroup"
|
|
127
21
|
},
|
|
128
22
|
{
|
|
129
23
|
"name": "KeepAlive",
|
|
@@ -132,60 +26,7 @@
|
|
|
132
26
|
"value": "\nArmazena para consulta imediata os componentes alternados dinamicamente envolvidos dentro.\n\n- **Propriedades**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Se especificado, apenas componentes com nomes correspondidos\n * pelo `include` estarão na memória de consulta imediata.\n */\n include?: MatchPattern\n /**\n * Qualquer componente com um nome correspondidos pelo `exclude`\n * não estarão na memória de consulta imediata.\n */\n exclude?: MatchPattern\n /**\n * O número máximo de instâncias de componente à armazenar\n * na memória de consulta imediata.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Detalhes**\n\n Quando envolvido em torno dum componente dinâmico, `<KeepAlive>` armazena para consulta imediata as instâncias de componente inativo sem destruí-las.\n\n Só pode existir uma instância de componente como filho direto de `<KeepAlive>` em qualquer momento.\n\n Quando um componente é alternado dentro de `<KeepAlive>`, seus gatilhos de ciclo de vida `activated` e `deactivated` são invocados de acordo, fornecendo uma alternativa ao `mounted` e `unmounted`, que não são chamados. Isto aplica-se ao filho direto de `<KeepAlive>` e também a todos os seus descendentes.\n\n- **Exemplo**\n\n Uso básico:\n\n ```html\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Quando usado com os ramos `v-if` / `v-else`, só deve existir um componente desenhado de cada vez:\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 Usado em conjunto com `<Transition>`:\n\n ```html\n <Transition>\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n </Transition>\n ```\n\n Usando `include` / `exclude`:\n\n ```html\n <!-- sequência de caracteres delimitada por vírgula -->\n <KeepAlive include=\"a,b\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- regex (use `v-bind`) -->\n <KeepAlive :include=\"/a|b/\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- vetor (use `v-bind`) -->\n <KeepAlive :include=\"['a', 'b']\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Uso com `max`:\n\n ```html\n <KeepAlive :max=\"10\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n- **Consultar também:** [Guia - `KeepAlive`](https://pt.vuejs.org/guide/built-ins/keep-alive.html)\n"
|
|
133
27
|
},
|
|
134
28
|
"attributes": [],
|
|
135
|
-
"references":
|
|
136
|
-
{
|
|
137
|
-
"name": "en",
|
|
138
|
-
"url": "https://vuejs.org/api/built-in-components.html#keepalive"
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
"name": "zh-cn",
|
|
142
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#keepalive"
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
"name": "zh-hk",
|
|
146
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#keepalive"
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
"name": "ja",
|
|
150
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#keepalive"
|
|
151
|
-
},
|
|
152
|
-
{
|
|
153
|
-
"name": "ua",
|
|
154
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#keepalive"
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
"name": "fr",
|
|
158
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#keepalive"
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"name": "ko",
|
|
162
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
|
|
163
|
-
},
|
|
164
|
-
{
|
|
165
|
-
"name": "pt",
|
|
166
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
"name": "bn",
|
|
170
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#keepalive"
|
|
171
|
-
},
|
|
172
|
-
{
|
|
173
|
-
"name": "it",
|
|
174
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#keepalive"
|
|
175
|
-
},
|
|
176
|
-
{
|
|
177
|
-
"name": "cs",
|
|
178
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#keepalive"
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"name": "ru",
|
|
182
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#keepalive"
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
"name": "fa",
|
|
186
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#keepalive"
|
|
187
|
-
}
|
|
188
|
-
]
|
|
29
|
+
"references": "api/built-in-components.html#keepalive"
|
|
189
30
|
},
|
|
190
31
|
{
|
|
191
32
|
"name": "Teleport",
|
|
@@ -194,60 +35,7 @@
|
|
|
194
35
|
"value": "\nDesenha o conteúdo da sua ranhura numa outra parte do DOM.\n\n- **Propriedades**\n\n ```ts\n interface TeleportProps {\n /**\n * Obrigatório. Específica o contentor alvo.\n * Pode ser ou um seletor ou um elemento verdadeiro.\n */\n to: string | HTMLElement\n /**\n * Quando `true`, o conteúdo continuará na sua localização\n * original ao invés de ser movido para o contentor alvo.\n * Pode ser mudado dinamicamente.\n */\n disabled?: boolean\n }\n ```\n\n- **Exemplo**\n\n Especificando o contentor alvo:\n\n ```html\n <teleport to=\"#some-id\" />\n <teleport to=\".some-class\" />\n <teleport to=\"[data-teleport]\" />\n ```\n\n Desativar condicionalmente:\n\n ```html\n <teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n <video src=\"./my-movie.mp4\">\n </teleport>\n ```\n\n- **Consultar também:** [Guia - `Teleport`](https://pt.vuejs.org/guide/built-ins/teleport.html)\n"
|
|
195
36
|
},
|
|
196
37
|
"attributes": [],
|
|
197
|
-
"references":
|
|
198
|
-
{
|
|
199
|
-
"name": "en",
|
|
200
|
-
"url": "https://vuejs.org/api/built-in-components.html#teleport"
|
|
201
|
-
},
|
|
202
|
-
{
|
|
203
|
-
"name": "zh-cn",
|
|
204
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#teleport"
|
|
205
|
-
},
|
|
206
|
-
{
|
|
207
|
-
"name": "zh-hk",
|
|
208
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#teleport"
|
|
209
|
-
},
|
|
210
|
-
{
|
|
211
|
-
"name": "ja",
|
|
212
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#teleport"
|
|
213
|
-
},
|
|
214
|
-
{
|
|
215
|
-
"name": "ua",
|
|
216
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#teleport"
|
|
217
|
-
},
|
|
218
|
-
{
|
|
219
|
-
"name": "fr",
|
|
220
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#teleport"
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"name": "ko",
|
|
224
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
|
|
225
|
-
},
|
|
226
|
-
{
|
|
227
|
-
"name": "pt",
|
|
228
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
|
|
229
|
-
},
|
|
230
|
-
{
|
|
231
|
-
"name": "bn",
|
|
232
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#teleport"
|
|
233
|
-
},
|
|
234
|
-
{
|
|
235
|
-
"name": "it",
|
|
236
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#teleport"
|
|
237
|
-
},
|
|
238
|
-
{
|
|
239
|
-
"name": "cs",
|
|
240
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#teleport"
|
|
241
|
-
},
|
|
242
|
-
{
|
|
243
|
-
"name": "ru",
|
|
244
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#teleport"
|
|
245
|
-
},
|
|
246
|
-
{
|
|
247
|
-
"name": "fa",
|
|
248
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#teleport"
|
|
249
|
-
}
|
|
250
|
-
]
|
|
38
|
+
"references": "api/built-in-components.html#teleport"
|
|
251
39
|
},
|
|
252
40
|
{
|
|
253
41
|
"name": "Suspense",
|
|
@@ -256,60 +44,7 @@
|
|
|
256
44
|
"value": "\nUsado para orquestrar dependências assíncronas encaixadas numa árvore de componente.\n\n- **Propriedades**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n }\n ```\n\n- **Eventos**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Detalhes**\n\n `<Suspense>` aceita duas ranhuras: a ranhura `#default` e a ranhura `#fallback`. Ele exibirá o conteúdo da ranhura de retorno (`#fallback`) enquanto desenha a ranhura padrão (`#default`) na memória.\n\n Se encontrar dependências assíncronas ([Componentes Assíncronos](https://pt.vuejs.org/guide/components/async.html) e componentes com [`async setup()`](https://pt.vuejs.org/guide/built-ins/suspense.html#async-setup)) enquanto desenha a ranhura padrão, aguardará até todos serem resolvidos antes de exibir a ranhura padrão.\n\n- **Consultar também:** [Guia - `Suspense`](https://pt.vuejs.org/guide/built-ins/suspense.html)\n"
|
|
257
45
|
},
|
|
258
46
|
"attributes": [],
|
|
259
|
-
"references":
|
|
260
|
-
{
|
|
261
|
-
"name": "en",
|
|
262
|
-
"url": "https://vuejs.org/api/built-in-components.html#suspense"
|
|
263
|
-
},
|
|
264
|
-
{
|
|
265
|
-
"name": "zh-cn",
|
|
266
|
-
"url": "https://cn.vuejs.org/api/built-in-components.html#suspense"
|
|
267
|
-
},
|
|
268
|
-
{
|
|
269
|
-
"name": "zh-hk",
|
|
270
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-components.html#suspense"
|
|
271
|
-
},
|
|
272
|
-
{
|
|
273
|
-
"name": "ja",
|
|
274
|
-
"url": "https://ja.vuejs.org/api/built-in-components.html#suspense"
|
|
275
|
-
},
|
|
276
|
-
{
|
|
277
|
-
"name": "ua",
|
|
278
|
-
"url": "https://ua.vuejs.org/api/built-in-components.html#suspense"
|
|
279
|
-
},
|
|
280
|
-
{
|
|
281
|
-
"name": "fr",
|
|
282
|
-
"url": "https://fr.vuejs.org/api/built-in-components.html#suspense"
|
|
283
|
-
},
|
|
284
|
-
{
|
|
285
|
-
"name": "ko",
|
|
286
|
-
"url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
|
|
287
|
-
},
|
|
288
|
-
{
|
|
289
|
-
"name": "pt",
|
|
290
|
-
"url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
"name": "bn",
|
|
294
|
-
"url": "https://bn.vuejs.org/api/built-in-components.html#suspense"
|
|
295
|
-
},
|
|
296
|
-
{
|
|
297
|
-
"name": "it",
|
|
298
|
-
"url": "https://it.vuejs.org/api/built-in-components.html#suspense"
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"name": "cs",
|
|
302
|
-
"url": "https://cs.vuejs.org/api/built-in-components.html#suspense"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"name": "ru",
|
|
306
|
-
"url": "https://ru.vuejs.org/api/built-in-components.html#suspense"
|
|
307
|
-
},
|
|
308
|
-
{
|
|
309
|
-
"name": "fa",
|
|
310
|
-
"url": "https://fa.vuejs.org/api/built-in-components.html#suspense"
|
|
311
|
-
}
|
|
312
|
-
]
|
|
47
|
+
"references": "api/built-in-components.html#suspense"
|
|
313
48
|
},
|
|
314
49
|
{
|
|
315
50
|
"name": "component",
|
|
@@ -318,60 +53,7 @@
|
|
|
318
53
|
"value": "\nUma \"meta componente\" para desenhar componentes ou elementos dinâmicos.\n\n- **Propriedades**\n\n ```ts\n interface DynamicComponentProps {\n is: string | Component\n }\n ```\n\n- **Detalhes**\n\n O verdadeiro componente à desenhar é determinado pela propriedade `is`.\n\n - Quando `is` for uma sequência de caracteres, poderia ser ou nome dum marcador de HTML ou o nome dum componente registado.\n\n - Alternativamente, `is` também pode ser diretamente vinculado à definição dum componente.\n\n- **Exemplo**\n\n Interpretação dos componentes com nome registado (API de Opções):\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 Interpretação dos componentes com a definição (API de Composição com `<script setup></script>`):\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 Interpretação dos elementos de HTML:\n\n ```html\n <component :is=\"href ? 'a' : 'span'\"></component>\n ```\n\n Os todos os [componentes embutidos](./built-in-components) podem ser passados para `is`, mas devemos registá-los se quisermos passá-los pelo nome. Por exemplo:\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 O registo não é obrigatório se passarmos o próprio componente à `is` no lugar do seu nome, por exemplo no `<script setup>`.\n\n Se `v-model` for usada num marcador `<component>`, o compilador do modelo de marcação a expandirá à uma propriedade `modelValue` e um ouvinte de evento `update:modelValue`, tal como faria com qualquer outro componente. No entanto, isto não será compatível com os elementos de HTML nativos, tais como `<input>` ou `<select>`. Como resultado, usar `v-model` com um elemento nativo criado dinamicamente não funcionará:\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 <!-- Isto não funcionará porque 'input' é um elemento de HTML nativo -->\n <component :is=\"tag\" v-model=\"username\" />\n </template>\n ```\n\n Na prática, este caso extremo não é comum, porque os campos de formulário nativos normalmente são envolvidos dentro de componentes em aplicações reais. Se precisarmos usar diretamente um elemento nativo então podemos dividir a `v-model` num atributo e evento manualmente.\n\n- **Consulte também** [Componentes Dinâmicos](https://pt.vuejs.org/guide/essentials/component-basics.html#dynamic-components)\n"
|
|
319
54
|
},
|
|
320
55
|
"attributes": [],
|
|
321
|
-
"references":
|
|
322
|
-
{
|
|
323
|
-
"name": "en",
|
|
324
|
-
"url": "https://vuejs.org/api/built-in-special-elements.html#component"
|
|
325
|
-
},
|
|
326
|
-
{
|
|
327
|
-
"name": "zh-cn",
|
|
328
|
-
"url": "https://cn.vuejs.org/api/built-in-special-elements.html#component"
|
|
329
|
-
},
|
|
330
|
-
{
|
|
331
|
-
"name": "zh-hk",
|
|
332
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#component"
|
|
333
|
-
},
|
|
334
|
-
{
|
|
335
|
-
"name": "ja",
|
|
336
|
-
"url": "https://ja.vuejs.org/api/built-in-special-elements.html#component"
|
|
337
|
-
},
|
|
338
|
-
{
|
|
339
|
-
"name": "ua",
|
|
340
|
-
"url": "https://ua.vuejs.org/api/built-in-special-elements.html#component"
|
|
341
|
-
},
|
|
342
|
-
{
|
|
343
|
-
"name": "fr",
|
|
344
|
-
"url": "https://fr.vuejs.org/api/built-in-special-elements.html#component"
|
|
345
|
-
},
|
|
346
|
-
{
|
|
347
|
-
"name": "ko",
|
|
348
|
-
"url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
|
|
349
|
-
},
|
|
350
|
-
{
|
|
351
|
-
"name": "pt",
|
|
352
|
-
"url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
|
|
353
|
-
},
|
|
354
|
-
{
|
|
355
|
-
"name": "bn",
|
|
356
|
-
"url": "https://bn.vuejs.org/api/built-in-special-elements.html#component"
|
|
357
|
-
},
|
|
358
|
-
{
|
|
359
|
-
"name": "it",
|
|
360
|
-
"url": "https://it.vuejs.org/api/built-in-special-elements.html#component"
|
|
361
|
-
},
|
|
362
|
-
{
|
|
363
|
-
"name": "cs",
|
|
364
|
-
"url": "https://cs.vuejs.org/api/built-in-special-elements.html#component"
|
|
365
|
-
},
|
|
366
|
-
{
|
|
367
|
-
"name": "ru",
|
|
368
|
-
"url": "https://ru.vuejs.org/api/built-in-special-elements.html#component"
|
|
369
|
-
},
|
|
370
|
-
{
|
|
371
|
-
"name": "fa",
|
|
372
|
-
"url": "https://fa.vuejs.org/api/built-in-special-elements.html#component"
|
|
373
|
-
}
|
|
374
|
-
]
|
|
56
|
+
"references": "api/built-in-special-elements.html#component"
|
|
375
57
|
},
|
|
376
58
|
{
|
|
377
59
|
"name": "slot",
|
|
@@ -380,60 +62,7 @@
|
|
|
380
62
|
"value": "\nDenota as saídas de conteúdo da ranhura nos modelos de marcação\n\n- **Propriedades**\n\n ```ts\n interface SlotProps {\n /**\n * Quaisquer propriedades passadas ao <slot>\n * são passadas como argumentos para ranhuras isoladas\n */\n [key: string]: any\n /**\n * Reservada para especificação do nome da ranhura.\n */\n name?: string\n }\n ```\n\n- **Detalhes**\n\n O elemento `<slot>` pode usar o atributo `name` para especificar um nome de ranhura. Quando nenhum `name` for especificado, desenhará a ranhura padrão. Os atributos adicionais passados ao elemento da ranhura serão passados como propriedades de ranhura à ranhura isolada definida no pai.\n\n O próprio elemento será substituído pelo seu conteúdo de ranhura correspondente.\n\n Os elementos de `<slot>` nos modelos de marcação da Vue são compilados para JavaScript, então não são para serem confundidos com os [elementos `<slot>` nativos](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).\n\n- **Consulte também** [Componentes - Ranhuras](https://pt.vuejs.org/guide/components/slots.html)\n"
|
|
381
63
|
},
|
|
382
64
|
"attributes": [],
|
|
383
|
-
"references":
|
|
384
|
-
{
|
|
385
|
-
"name": "en",
|
|
386
|
-
"url": "https://vuejs.org/api/built-in-special-elements.html#slot"
|
|
387
|
-
},
|
|
388
|
-
{
|
|
389
|
-
"name": "zh-cn",
|
|
390
|
-
"url": "https://cn.vuejs.org/api/built-in-special-elements.html#slot"
|
|
391
|
-
},
|
|
392
|
-
{
|
|
393
|
-
"name": "zh-hk",
|
|
394
|
-
"url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#slot"
|
|
395
|
-
},
|
|
396
|
-
{
|
|
397
|
-
"name": "ja",
|
|
398
|
-
"url": "https://ja.vuejs.org/api/built-in-special-elements.html#slot"
|
|
399
|
-
},
|
|
400
|
-
{
|
|
401
|
-
"name": "ua",
|
|
402
|
-
"url": "https://ua.vuejs.org/api/built-in-special-elements.html#slot"
|
|
403
|
-
},
|
|
404
|
-
{
|
|
405
|
-
"name": "fr",
|
|
406
|
-
"url": "https://fr.vuejs.org/api/built-in-special-elements.html#slot"
|
|
407
|
-
},
|
|
408
|
-
{
|
|
409
|
-
"name": "ko",
|
|
410
|
-
"url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
|
|
411
|
-
},
|
|
412
|
-
{
|
|
413
|
-
"name": "pt",
|
|
414
|
-
"url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
|
|
415
|
-
},
|
|
416
|
-
{
|
|
417
|
-
"name": "bn",
|
|
418
|
-
"url": "https://bn.vuejs.org/api/built-in-special-elements.html#slot"
|
|
419
|
-
},
|
|
420
|
-
{
|
|
421
|
-
"name": "it",
|
|
422
|
-
"url": "https://it.vuejs.org/api/built-in-special-elements.html#slot"
|
|
423
|
-
},
|
|
424
|
-
{
|
|
425
|
-
"name": "cs",
|
|
426
|
-
"url": "https://cs.vuejs.org/api/built-in-special-elements.html#slot"
|
|
427
|
-
},
|
|
428
|
-
{
|
|
429
|
-
"name": "ru",
|
|
430
|
-
"url": "https://ru.vuejs.org/api/built-in-special-elements.html#slot"
|
|
431
|
-
},
|
|
432
|
-
{
|
|
433
|
-
"name": "fa",
|
|
434
|
-
"url": "https://fa.vuejs.org/api/built-in-special-elements.html#slot"
|
|
435
|
-
}
|
|
436
|
-
]
|
|
65
|
+
"references": "api/built-in-special-elements.html#slot"
|
|
437
66
|
},
|
|
438
67
|
{
|
|
439
68
|
"name": "template",
|
|
@@ -442,60 +71,7 @@
|
|
|
442
71
|
"value": "\nO marcador `<template>` é usado como um espaço reservado quando queremos usar uma diretiva embutida sem desenhar um elemento no DOM.\n\n- **Detalhes**\n\n O manipulação especial do `<template>` apenas é acionada se for usada com uma destas diretivas:\n\n - `v-if`, `v-else-if`, ou `v-else`\n - `v-for`\n - `v-slot`\n \n Se nenhuma destas diretivas estiver presente, então será desenhado como um [elemento `<template>` nativo](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n\n Um `<template>` com uma `v-for` também pode ter um [atributo `key`](https://pt.vuejs.org/api/built-in-special-attributes.html#key). Todos os outros atributos e diretivas serão descartados, porque não são relevantes sem um elemento correspondente.\n\n Os componentes de ficheiro único usam [marcador `<template>` de alto nível](https://pt.vuejs.org/api/sfc-spec.html#language-blocks) para envolver todo o modelo de marcação. Este uso é separado do uso de `<template>` descrito acima. Este marcador de alto nível não faz parte do próprio modelo de marcação e suporta a sintaxe de modelo de marcação, tais como as diretivas.\n\n- **Consulte também**\n - [Guia - `v-if` sobre o `<template>`](https://pt.vuejs.org/guide/essentials/conditional.html#v-if-on-template) \n - [Guia - `v-for` sobre o `<template>`](https://pt.vuejs.org/guide/essentials/list.html#v-for-on-template) \n - [Guia - Ranhuras Nomeadas](https://pt.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,149 @@
|
|
|
503
79
|
"name": "v-text",
|
|
504
80
|
"description": {
|
|
505
81
|
"kind": "markdown",
|
|
506
|
-
"value": "
|
|
82
|
+
"value": "Atualiza o conteúdo de texto do elemento.\n\n- **Espera:** `string`\n\n- **Detalhes**\n\n `v-text` funciona definindo a propriedade [`textContent`](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) do elemento, sobrescreverá qualquer conteúdo existente dentro do elemento. Se precisarmos de atualizar a parte da `textContent`, devemos usar as [interpolações de bigodes](https://pt.vuejs.org/guide/essentials/template-syntax.html#text-interpolation).\n\n- **Exemplo**\n\n ```html\n <span v-text=\"msg\"></span>\n <!-- é o mesmo que -->\n <span>{{msg}}</span>\n ```\n\n- **Consultar também** [Sintaxe do Modelo de Marcação - Interpolação de Texto](https://pt.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": "Atualiza a [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) do elemento.\n\n- **Espera:** `string`\n\n- **Detalhes:**\n\n Os conteúdos da `v-html` são inseridos como HTML simples - a sintaxe de modelo de marcação da Vue não será processada. Se estivermos a tentar compor modelos de marcação usando `v-html`, vamos tentar repensar a solução usando componentes.\n\n :::warning NOTA DE SEGURANÇA\n Interpretar dinamicamente HTML arbitrário na nossa aplicação pode ser muito perigoso porque pode facilmente conduzir a [ataques de XSS](https://en.wikipedia.org/wiki/Cross-site_scripting). Só deveríamos usar `v-html` sobre conteúdo confiável e **nunca** sobre conteúdo fornecido pelo utilizador.\n :::\n\n Nos [Componentes de Ficheiro Único](https://pt.vuejs.org/guide/scaling-up/sfc.html), os estilos `scoped` não serão aplicados ao conteúdo dentro de `v-html`, porque este HTML não é processado pelo compilador de modelos de marcação da Vue. Se quisermos mirar o conteúdo de `v-html` com CSS isolada, podemos usar os [módulos de CSS](./sfc-css-features#css-modules) ou elemento `<style>` adicional e global com uma estratégia de isolamento manual, como a BEM.\n\n- **Exemplo**\n\n ```html\n <div v-html=\"html\"></div>\n ```\n\n- **Consultar também** [Sintaxe do Modelo de Marcação - HTML Puro](https://pt.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": "Alterna a visibilidade do elemento baseado na veracidade do valor da expressão.\n\n- **Espera:** `any`\n\n- **Detalhes**\n\n `v-show` funciona definindo a propriedade de CSS `display` através de estilos em linha, e tentará respeitar o valor inicial da `display` quando o elemento estiver visível. Também aciona transições quando sua condição muda.\n\n- **Consultar também** [Interpretação Condicional - `v-show`](https://pt.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": "Interpreta condicionalmente um elemento ou um fragmento de modelo de marcação baseado na veracidade do valor da expressão.\n\n- **Espera:** `any`\n\n- **Detalhes**\n\n Quando um elemento de `v-if` é alternado, o elemento e suas diretivas ou componentes contidos são destruídos e construídos novamente. Se a condição inicial for falsa, então o conteúdo interno não será interpretado de todo.\n\n Pode ser usada no `<template>` para denotar um bloco condicional contendo apenas texto ou vários elementos.\n\n Esta diretiva aciona transições quando sua condição muda.\n\n Quando usada em conjunto, a `v-if` tem uma prioridade superior à `v-for`. Não recomendados usar estas duas diretivas ao mesmo tempo sobre um elemento — consulte o [guia de interpretação de lista](https://pt.vuejs.org/guide/essentials/list.html#v-for-with-v-if) por mais detalhes.\n\n- **Consultar também** [Interpretação Condicional - `v-if`](https://pt.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": "Denota um \"bloco `else`\" para a `v-if` ou para uma cadeia `v-if` / `v-else-if`.\n\n- **Não espera expressões**\n\n- **Detalhes**\n\n - Restrição: o anterior elemento irmão deve ter a `v-if` ou `v-else-if`.\n\n - Pode ser usada no `<template>` para denotar um bloco condicional contendo apenas texto ou vários elementos.\n\n- **Exemplo**\n\n ```html\n <div v-if=\"Math.random() > 0.5\">\n Now you see me\n </div>\n <div v-else>\n Now you don't\n </div>\n ```\n\n- **Consultar também** [Interpretação Condicional - `v-else`](https://pt.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": "Denota o \"bloco `else if`\" para a `v-if`. Pode ser encadeada.\n\n- **Espera:** `any`\n\n- **Detalhes**\n\n - Restrição: o anterior elemento irmão deve ter a `v-if` ou `v-else-if`.\n\n - Pode ser usada no `<template>` para denotar um bloco condicional contendo apenas texto ou vários elementos.\n\n- **Exemplo**\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 Not A/B/C\n </div>\n ```\n\n- **Consultar também** [Interpretação Condicional - `v-else-if`](https://pt.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": "Interpreta o elemento ou bloco de modelo de marcação várias vezes baseada na fonte dos dados.\n\n- **Espera:** `Array | Object | number | string | Iterable`\n\n- **Detalhes**\n\n O valor da diretiva deve usar a sintaxe especial `alias in expression` para fornecer um pseudónimo para o elemento atual a ser iterado:\n\n ```html\n <div v-for=\"item in items\">\n {{ item.text }}\n </div>\n ```\n\n Alternativamente, também podemos especificar um pseudónimo para o índice (ou a chave se usada sobre um objeto):\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 O comportamento padrão da `v-for` tentará remendar os elementos no lugar sem movê-los. Para forçar a reordenação de elementos, devemos fornecer uma sugestão de ordenação com o atributo especial `key`:\n\n ```html\n <div v-for=\"item in items\" :key=\"item.id\">\n {{ item.text }}\n </div>\n ```\n\n `v-for` também pode trabalhar com valores que implementam o [Protocolo Iterável](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol), incluindo os `Map` e `Set` nativos.\n\n- **Consultar também**\n - [Interpretação de Lista](https://pt.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": "Anexa um ouvinte de evento ao elemento.\n\n- **Atalho:** `@`\n\n- **Espera:** `Function | Inline Statement | Object (sem argumento)`\n\n- **Argumento:** `event` (opcional se estivermos usando a sintaxe de Objeto)\n\n- **Modificadores**\n\n - `.stop` - chama `event.stopPropagation()`.\n - `.prevent` - chama `event.preventDefault()`.\n - `.capture` - adiciona ouvinte de evento no modo de captura.\n - `.self` - apenas aciona o manipulador se o evento fosse despachado a partir deste elemento.\n - `.{keyAlias}` - apenas aciona o manipulador sobre certas teclas.\n - `.once` - aciona o manipulador no máximo uma vez.\n - `.left` - apenas aciona o manipulador para os eventos de rato do botão esquerdo.\n - `.right` - apenas aciona o manipulador para os eventos de rato do botão direito.\n - `.middle` - apenas aciona o manipulador para os eventos de rato do botão do meio.\n - `.passive` - anexa um evento de DOM com `{ passive: true }`.\n\n- **Detalhes**\n\n O tipo de evento é denotado pelo argumento. A expressão pode ser um nome de método, uma declaração em linha, ou omitida se existirem modificadores presentes.\n\n Quando usada num elemento normal, apenas ouve os [**eventos de DOM nativos**](https://developer.mozilla.org/en-US/docs/Web/Events). Quando usada num componente de elemento personalizado, ouve os **eventos personalizados** emitidos sobre este componente filho.\n\n Quando ouvimos os eventos de DOM nativos, o método recebe o evento nativo como único argumento. Se usarmos a declaração em linha, a declaração tem acesso à propriedade `$event` especial: `v-on:click=\"handle('ok', $event)\"`.\n\n `v-on` também suporta vínculo a um objeto de pares de evento / ouvinte sem um argumento. Nota que quando usamos a sintaxe de objeto, esta não suporta quaisquer modificadores.\n\n- **Exemplo**\n\n ```html\n <!-- manipulador de método -->\n <button v-on:click=\"doThis\"></button>\n\n <!-- evento dinâmico -->\n <button v-on:[event]=\"doThis\"></button>\n\n <!-- declaração em linha -->\n <button v-on:click=\"doThat('hello', $event)\"></button>\n\n <!-- atalho -->\n <button @click=\"doThis\"></button>\n\n <!-- atalho de evento dinâmico -->\n <button @[event]=\"doThis\"></button>\n\n <!-- parar propagação -->\n <button @click.stop=\"doThis\"></button>\n\n <!-- impedir o padrão -->\n <button @click.prevent=\"doThis\"></button>\n\n <!-- impedir o padrão sem expressão -->\n <form @submit.prevent></form>\n\n <!-- encadear modificadores -->\n <button @click.stop.prevent=\"doThis\"></button>\n\n <!-- modificador de tecla usando pseudónimo de tecla -->\n <input @keyup.enter=\"onEnter\" />\n\n <!-- o evento de clique será acionado no máximo uma vez -->\n <button v-on:click.once=\"doThis\"></button>\n\n <!-- sintaxe de objeto -->\n <button v-on=\"{ mousedown: doThis, mouseup: doThat }\"></button>\n ```\n\n Ouvindo eventos personalizados dum componente filho (o manipulador é chamado quando \"my-event\" é emitido sobre o filho):\n\n ```html\n <MyComponent @my-event=\"handleThis\" />\n\n <!-- declaração em linha -->\n <MyComponent @my-event=\"handleThis(123, $event)\" />\n ```\n\n- **Consultar também**\n - [Manipulação de Eventos](https://pt.vuejs.org/guide/essentials/event-handling.html)\n - [Componentes - Eventos Personalizados](https://pt.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": "Vincula dinamicamente um ou mais atributos, ou uma propriedade de componente à uma expressão.\n\n- **Atalho:**\n - `:` ou `.` (quando usamos o modificador `.prop`)\n - Omitir o valor (quando o atributo e o valor vinculado tiverem o mesmo nome) <sup class=\"vt-badge\">3.4+</sup>\n\n- **Espera:** `any (com argumento) | Object (sem argumento)`\n\n- **Argumento:** `attrOrProp (opcional)`\n\n- **Modificadores**\n\n - `.camel` - transforma o nome de atributo em caixa espetada em caixa de camelo.\n - `.prop` - força um vínculo a ser definido como uma propriedade do DOM. <sup class=\"vt-badge\">3.2+</sup>\n - `.attr` - força um vínculo a ser definido como um atributo de DOM. <sup class=\"vt-badge\">3.2+</sup>\n\n- **Uso**\n\n Quando usada para vincular o atributo `class` ou `style`, `v-bind` suporta tipos de valores adicionar como Vetor ou Objeto. Consulte a seção do guia ligado abaixo por mais detalhes.\n\n Quando definimos um vínculo num elemento, a Vue por padrão verifica se o elemento tem a chave definida como uma propriedade usando uma verificação do operador `in`. Se a propriedade for definida, a Vue definirá o valor como uma propriedade de DOM ao invés dum atributo. Isto deve funciona na maioria dos casos, mas podemos sobrepor este comportamento ao usar explicitamente os modificadores `.prop` ou `.attr`. Isto é algumas vezes necessário, especialmente quando [trabalhamos com elementos personalizados](https://pt.vuejs.org/guide/extras/web-components.html#passing-dom-properties).\n\n Quando usada para vínculos de propriedade de componente, a propriedade deve ser declarada apropriadamente no componente filho.\n\n Quando usada sem um argumento, pode ser usada para vincular um objeto contendo pares de nome-valor de atributo.\n\n- **Exemplo**\n\n ```html\n <!-- vincular um atributo -->\n <img v-bind:src=\"imageSrc\" />\n\n <!-- nome de atributo dinâmico -->\n <button v-bind:[key]=\"value\"></button>\n\n <!-- atalho -->\n <img :src=\"imageSrc\" />\n\n <!-- atalho de mesmo nome (3.4+), expande a `:src=\"src\"` -->\n <img :src />\n\n <!-- atalho de nome de atributo dinâmico -->\n <button :[key]=\"value\"></button>\n\n <!-- com concatenação de sequência de caracteres em linha -->\n <img :src=\"'/path/to/images/' + fileName\" />\n\n <!-- vínculos de classe -->\n <div :class=\"{ red: isRed }\"></div>\n <div :class=\"[classA, classB]\"></div>\n <div :class=\"[classA, { classB: isB, classC: isC }]\"></div>\n\n <!-- vínculos de estilo -->\n <div :style=\"{ fontSize: size + 'px' }\"></div>\n <div :style=\"[styleObjectA, styleObjectB]\"></div>\n\n <!-- vincular um objeto de atributos -->\n <div v-bind=\"{ id: someProp, 'other-attr': otherProp }\"></div>\n\n <!-- vincular propriedades. -->\n <!-- \"prop\" deve ser declarada no componente filho. -->\n <MyComponent :prop=\"someThing\" />\n\n <!-- passar as propriedades do pai em comum com um componente filho -->\n <MyComponent v-bind=\"$props\" />\n\n <!-- XLink -->\n <svg><a :xlink:special=\"foo\"></a></svg>\n ```\n\n O modificador `.prop` também tem um atalho dedicado `.`:\n\n ```html\n <div :someProperty.prop=\"someObject\"></div>\n\n <!-- equivalente a -->\n <div .someProperty=\"someObject\"></div>\n ```\n\n O modificador `.camel` permite a camelização dum nome de atributo de `v-bind` quando usamos modelos de marcação no DOM, por exemplo o atributo `viewBox` de SVG:\n\n ```html\n <svg :view-box.camel=\"viewBox\"></svg>\n ```\n\n `.camel` não é necessário se estivermos a usar modelos de marcação de sequência de caracteres, pré-compilar o modelo de marcação com uma etapa de construção.\n\n- **Consultar também**\n - [Vínculos de Classe e Estilo](https://pt.vuejs.org/guide/essentials/class-and-style.html)\n - [Componentes - Detalhes da Passagem de Propriedade](https://pt.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": "Cria um vínculo bidirecional num elemento de entrada de formulário ou um componente.\n\n- **Espera:** variar baseado no valor do elemento de entradas de formulário ou na saída de componentes\n\n- **Limitado a:**\n\n - `<input>`\n - `<select>`\n - `<textarea>`\n - componentes\n\n- **Modificadores**\n\n - [`.lazy`](https://pt.vuejs.org/guide/essentials/forms.html#lazy) - ouve os eventos de `change` ao invés de `input`\n - [`.number`](https://pt.vuejs.org/guide/essentials/forms.html#number) - converte uma sequência de caracteres de entrada válida em números.\n - [`.trim`](https://pt.vuejs.org/guide/essentials/forms.html#trim) - apara a entrada\n\n- **Consultar também**\n\n - [Vínculos de Entrada de Formulário](https://pt.vuejs.org/guide/essentials/forms.html)\n - [Eventos de Componente - Uso com `v-model`](https://pt.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": "Denota ranhuras nomeadas ou ranhuras isoladas que esperam receber propriedades.\n\n- **Atalho:** `#`\n\n- **Espera:** expressão de JavaScript que é válido numa posição de argumento de função, incluindo suporte para desestruturação. Opcional - apenas necessário se esperamos propriedades serem passadas para a ranhura.\n\n- **Argumento:** nome da ranhura (opcional, predefinido para `default`)\n\n- **Limitado a:**\n\n - `<template>`\n - [componentes](https://pt.vuejs.org/guide/components/slots.html#scoped-slots) (para única ranhura padrão com propriedades)\n\n- **Exemplo**\n\n ```html\n <!-- Ranhuras nomeadas -->\n <BaseLayout>\n <template v-slot:header>\n Header content\n </template>\n\n <template v-slot:default>\n Default slot content\n </template>\n\n <template v-slot:footer>\n Footer content\n </template>\n </BaseLayout>\n\n <!-- Ranhura nomeada que recebe propriedades -->\n <InfiniteScroll>\n <template v-slot:item=\"slotProps\">\n <div class=\"item\">\n {{ slotProps.item.text }}\n </div>\n </template>\n </InfiniteScroll>\n\n <!-- Ranhura padrão que recebe propriedades, com desestruturação -->\n <Mouse v-slot=\"{ x, y }\">\n Mouse position: {{ x }}, {{ y }}\n </Mouse>\n ```\n\n- **Consultar também**\n - [Componentes - Ranhuras](https://pt.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": "Ignora a compilação para este elemento e todos os seus filhos.\n\n- **Não espera expressão**\n\n- **Detalhes**\n\n Dentro do elemento com `v-pre`, toda a sintaxe de modelo de marcação da Vue será preservada e desenhada como está. O caso de uso mais comum disto é a exibição de marcadores de bigodes puros.\n\n- **Exemplo**\n\n ```html\n <span v-pre>{{ this will not be compiled }}</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": "Desenha o elemento e o componente apenas uma vez, e ignora as futuras atualizações.\n\n- **Não espera expressão**\n\n- **Detalhes**\n\n Nos redesenhos subsequentes, o elemento ou componente e todos os seus filhos serão tratados como conteúdo estático e ignorados. Isto pode ser usado para otimizar o desempenho da atualização.\n\n ```html\n <!-- elemento único -->\n <span v-once>This will never change: {{msg}}</span>\n <!-- o elemento tem filhos -->\n <div v-once>\n <h1>comment</h1>\n <p>{{msg}}</p>\n </div>\n <!-- componente -->\n <MyComponent v-once :comment=\"msg\"></MyComponent>\n <!-- diretiva `v-for` -->\n <ul>\n <li v-for=\"i in list\" v-once>{{i}}</li>\n </ul>\n ```\n\n Desde a 3.2, também podemos memorizar parte do modelo de marcação com condições de invalidação usando a [`v-memo`](#v-memo).\n\n- **Consultar também**\n - [Sintaxe de Vínculo de Dados - Interpolações](https://pt.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": "- **Espera:** `any[]`\n\n- **Detalhes**\n\n Memoriza uma sub-árvore do modelo de marcação. Pode ser usada em ambos elementos e componentes. A diretiva espera um vetor de valores de dependência de comprimento fixo à comparar para a memorização. Se todos os valores no vetor fossem os mesmos que os da última interpretação, então as atualizações para a sub-árvore inteira serão ignoradas. Por exemplo:\n\n ```html\n <div v-memo=\"[valueA, valueB]\">\n ...\n </div>\n ```\n\n Quando o componente redesenha-se, se ambos `valueA` e `valueB` continuarem os mesmos, todas as atualizações para este `<div>` e seus filhos serão ignoradas. De fato, mesmo a criação nó virtual do DOM virtual também será ignorada uma vez que a cópia memorizada da sub-árvore pode ser usada novamente.\n\n É importante especificar o vetor de memorização corretamente, de outro modo podemos ignorar atualizações que deveriam de fato ser aplicadas. `v-memo` com um vetor de dependência vazio (`v-memo=\"[]\"`) seria funcionalmente equivalente à `v-once`.\n\n **Uso com `v-for`**\n\n `v-memo` é fornecida exclusivamente para micro otimizações em cenários de desempenho crítico e deveriam ser raramente necessários. O caso de uso mais comum onde isto pode ser útil é quando desenhamos grandes listas `v-for` (onde `length > 1000`):\n\n ```html\n <div v-for=\"item in list\" :key=\"item.id\" v-memo=\"[item.id === selected]\">\n <p>ID: {{ item.id }} - selected: {{ item.id === selected }}</p>\n <p>...more child nodes</p>\n </div>\n ```\n\n Quando o estado `selected` do componente mudar, será criada uma grande quantidade de nós virtuais, embora a maioria dos itens permaneça exatamente igual. O uso de `v-memo` neste contexto está essencialmente a dizer \"apenas atualize este item se tiver passado de não selecionado para selecionado, ou o contrário\". Isto permite que todos os itens não afetados reusarem seus anteriores nós virtuais e ignorar a diferenciação inteiramente. Nota que não precisamos incluir `item.id` no vetor de dependência da `v-memo` neste contexto, uma vez que a Vue atualmente a infere a partir da `:key` do item.\n\n :::warning AVISO\n Quando usamos a `v-memo` com a `v-for`, devemos certificar-nos que são usados no mesmo elemento. **`v-memo` não funciona dentro da `v-for`**.\n :::\n\n `v-memo` também pode ser usada nos componentes para manualmente impedir atualizações indesejadas em certos casos extremos onde a verificação da atualização do componente filho não foi otimizado. Mas novamente, é responsabilidade do programador especificar os vetores de dependência correta para evitar ignorar atualizações necessárias.\n\n- **Consultar também**\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": "Usada para esconder o modelo de marcação que ainda não foi compilado até que estiver pronto.\n\n- **Não espera expressão**\n\n- **Detalhes**\n\n **Esta diretiva apenas é necessária nas configurações sem etapa de construção.**\n\n Quando usamos os modelos de marcação no DOM, pode existir um \"piscar de modelos de marcação não compilados\": o utilizador pode ver os marcadores de bigodes puros até o componente montado substituí-los com componente desenhado.\n\n `v-cloak` permanecerá no elemento até que a instância do componente associado for montada. Combinada com as regras de CSS como `[v-cloak] { display: none }`, pode ser usada para esconder os modelos de marcação puros até o componente estiver pronto.\n\n- **Exemplo**\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 O `<div>` não será visível até que a compilação estiver concluída."
|
|
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": "O atributo especial `key` é primariamente usado como uma sugestão para o algoritmo do DOM virtual da Vue identificar os nós virtuais quando diferenciar a nova lista de nós contra a antiga lista.\n\n- **Espera:** `number | string | symbol`\n\n- **Detalhes**\n\n Sem chaves, a Vue usa um algoritmo que minimiza o movimento de elemento e tenta remendar ou reusar elementos do mesmo tipo no lugar o máximo possível. Com chaves, reorganizará os elementos baseado na mudança de ordem das chaves, e os elementos com chaves que não estão mais presentes sempre serão removidos ou destruídos.\n\n Os filhos do mesmo pai comum devem ter **chaves únicas**. As chaves duplicadas causarão erros de interpretação.\n\n O caso de uso mais comum é combinado com `v-for`:\n\n ```html\n <ul>\n <li v-for=\"item in items\" :key=\"item.id\">...</li>\n </ul>\n ```\n\n Também pode ser usado para forçar a substituição dum elemento ou componente ao invés de reusá-lo. Isto pode ser útil quando queremos:\n\n - Acionar corretamente os gatilhos do ciclo de vida dum componente\n - Acionar transições\n\n Por exemplo:\n\n ```html\n <transition>\n <span :key=\"text\">{{ text }}</span>\n </transition>\n ```\n\n Quando `text` mudar, o `<span>` sempre será substituído ao invés de ser remendado, depois uma transição será acionada.\n\n- **Consulte também** [Guia - Interpretação de Lista - Mantendo o Estado com `key`](https://pt.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": "Denota uma [referência do modelo de marcação](https://pt.vuejs.org/guide/essentials/template-refs.html).\n\n- **Espera:** `string | Function`\n\n- **Detalhes**\n\n `ref` é usado para registar uma referência à um elemento ou à um componente filho.\n\n Na API de Opções, a referência será registada sob o objeto `this.$refs` do componente:\n\n ```html\n <!-- armazenado como this.$refs.p -->\n <p ref=\"p\">hello</p>\n ```\n\n Na API de Composição, a referência será armazenada em uma `ref` com o nome correspondente:\n\n ```vue\n <script setup>\n import { ref } from 'vue'\n\n const p = ref()\n </script>\n\n <template>\n <p ref=\"p\">hello</p>\n </template>\n ```\n\n Se usado sobre um elemento de DOM simples, a referência será este elemento; se usada sobre um componente filho, a referência será a instância do componente filho.\n\n Alternativamente, a `ref` pode aceitar um valor de função que fornece controlo total sobre onde armazenar a referência:\n\n ```html\n <ChildComponent :ref=\"(el) => child = el\" />\n ```\n\n Uma nota importante sobre o tempo de registo da referência: uma vez que as próprias referências são criadas como resultado da função de interpretação, devemos esperar até o componente ser montado antes de acessá-las.\n\n `this.$refs` também não é reativa, portanto não devemos tentar usá-la nos modelos de marcação para vínculo de dados.\n\n- **Consulte também**\n - [Guia - Referências do Modelo de Marcação](https://pt.vuejs.org/guide/essentials/template-refs.html)\n - [Guia - Tipos para Referências do Modelo de Marcação](https://pt.vuejs.org/guide/typescript/composition-api.html#typing-template-refs) <sup class=\"vt-badge ts\" data-text=\"typescript\" />\n - [Guia - Tipos para Referências do Modelo de Marcação do Componente](https://pt.vuejs.org/guide/typescript/composition-api.html#typing-component-template-refs) <sup class=\"vt-badge ts\" data-text=\"typescript\" />"
|
|
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": "Usado para vincular os [componentes dinâmicos](https://pt.vuejs.org/guide/essentials/component-basics.html#dynamic-components).\n\n- **Espera:** `string | Component`\n\n- **Uso sobre os elementos nativos** <sup class=\"vt-badge\">3.1+</sup>\n\n Quando o atributo `is` for usado sobre um elemento de HTML nativo, será interpretado como um [elemento embutido personalizado](https://html.spec.whatwg.org/multipage/custom-elements#custom-elements-customized-builtin-example), que é uma funcionalidade da plataforma da Web nativa.\n\n Existe, no entanto, um caso de uso onde podemos precisar que a Vue substitua um elemento nativo por um elemento da Vue, como explicado nas [Advertências de Analise do Modelo de Marcação de DOM](https://pt.vuejs.org/guide/essentials/component-basics.html#dom-template-parsing-caveats). Nós podemos prefixar o valor do atributo `is` com `vue:` assim a Vue interpretará o elemento como um componente de Vue:\n\n ```html\n <table>\n <tr is=\"vue:my-row-component\"></tr>\n </table>\n ```\n\n- **Consulte também**\n\n - [Elementos Especiais Embutidos - `<component>`](https://pt.vuejs.org/api/built-in-special-elements.html#component)\n - [Componentes Dinâmicos](https://pt.vuejs.org/guide/essentials/component-basics.html#dynamic-components)"
|
|
1548
223
|
},
|
|
1549
|
-
"references":
|
|
1550
|
-
{
|
|
1551
|
-
"name": "en",
|
|
1552
|
-
"url": "https://vuejs.org/api/built-in-special-attributes.html#is"
|
|
1553
|
-
},
|
|
1554
|
-
{
|
|
1555
|
-
"name": "zh-cn",
|
|
1556
|
-
"url": "https://cn.vuejs.org/api/built-in-special-attributes.html#is"
|
|
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"
|
|
1603
225
|
}
|
|
1604
226
|
]
|
|
1605
227
|
}
|