(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!