Transferencia de atributos de Vue3 $attrs y transferencia de ranuras $slots

vue $attrs propiedades de paso

$attrs es un objeto que contiene todas las propiedades de paso del componente (excluyendo los accesorios definidos).

Las propiedades de paso son propiedades y controladores de eventos pasados ​​por el componente principal que no se declaran como accesorios o eventos generados por el componente secundario.

De forma predeterminada, en un componente de raíz única, todos los atributos en $attrs se heredan automáticamente y directamente del elemento raíz del componente. Este no es el caso de los componentes con múltiples raíces; puede deshabilitar explícitamente este comportamiento configurando la opción heredarAttrs.

$slots representa el objeto de ranura pasado por el componente principal.

Normalmente se utiliza para funciones de representación de escritura a mano, pero también se puede utilizar para detectar la presencia de ranuras.

Cada ranura se expone en función de this.$slots, que devuelve una matriz de vnode con el nombre de clave correspondiente al nombre de la ranura. La ranura predeterminada se muestra así.$slots.default.

Si la ranura tiene alcance, los argumentos pasados ​​a la función de ranura se proporcionan a la ranura como accesorios para la ranura.