Socket vue frontal grande

¿Qué es una tragamonedas?

Las ranuras en vue le permiten insertar contenido en un componente en una ubicación específica.

Las ranuras, a menudo denominadas "ranuras", son posiciones en una plantilla de componente que se llenarán con contenido cuando se use la etiqueta del componente (reemplazando la posición en la plantilla de componente). Por ejemplo, si se llama "mySlot">, un elemento con el atributo slot="mySlot" en el marcado del componente reemplazará la posición correspondiente.

La primera es la ranura única, que es como la llama oficialmente Vue, pero de hecho puede llamarla ranura predeterminada o, en relación con la ranura nombrada, podemos llamarla ranura anónima. Porque no requiere configurar el atributo de nombre.

Se puede colocar una sola ranura en cualquier lugar de un componente, pero un componente solo puede tener una ranura, no varias ranuras con nombre.

Las ranuras anónimas no tienen un atributo de nombre, por lo que son ranuras anónimas con un atributo de nombre y se convierten en ranuras con nombre. Una ranura con nombre puede aparecer n veces en diferentes ubicaciones de un componente. El siguiente ejemplo es un componente que contiene dos espacios anónimos y un espacio. El componente principal muestra las tres ranuras usando el mismo estilo CSS, pero con contenido ligeramente diferente.

El contenido y el estilo de las ranuras anónimas y las ranuras con nombre se definen en el componente principal, mientras que el componente secundario solo es responsable de dónde colocarlas. Pero si el componente secundario proporciona datos, entonces, en este caso, debe usar la del componente secundario para pasar los datos al componente principal, y el componente principal solo necesita proporcionar los estilos.

En 2.6.0, introdujimos una nueva sintaxis unificada (directiva v-slot) para ranuras con nombre y ámbito. Reemplaza slot y slot-scope, que actualmente están en desuso pero no se han eliminado y todavía están en la documentación.