(18) Suplemento: uso de ranuras en Vue3
Las ranuras en vue3 son ligeramente diferentes de las de vue2. Las ranuras comunes se utilizan principalmente en ranuras con nombre.
1. Se agrega v-slot en vue3 para reemplazar slot y otros atributos en vue2.
2. Uso en espacios ordinarios:
El resultado será que el contenido de el-table se representará en el-main en la plantilla del componente. También tiene otra forma de escribir:
Esta forma de escribir es la nueva instrucción slot en vue3. También tiene otra forma de escribir:
Esta forma de escribir es similar a v. - On se abrevia como @, v-bind se abrevia como:, v-slot también se abrevia como: #.
3. Se utiliza en ranuras con nombre.
Puede especificar una ranura específica (ranura con atributo de nombre) agregando o restando un nombre de parámetro al comando v-slot)
Este componente contiene una ranura anónima y tres ranuras con nombre cuyos nombres son "arriba a la izquierda", "arriba a la derecha" y "abajo".
Luego, cuando lo usamos, usamos directamente la abreviatura de la ranura para especificar el contenido que se representará para la ranura especificada.
Siguiente capítulo: (19) Configurar la sintaxis de la aplicación sugar
Capítulo anterior: (17) Vue3.x usa provide/inject en lugar de la implementación de vuex
PD: ¡No aconsejes a otros que hagan cosas buenas sin hacer lo suyo!