En los documentos oficiales de reacción, dice que la diferencia entre 'la ranura de otras bibliotecas' y 'react's props.children' es la siguiente:
Este enfoque puede recordarle las "ranuras" en otras bibliotecas, pero no hay limitaciones sobre lo que puede pasar como accesorios en React.
https://reactjs.org/docs/composition-vs-inheritance.html
Y parece que hay algunas cosas que no pueden pasar a través de una 'ranura vue'. ¿Hay algo que no se pueda pasar con los accesorios de vue slot?
En vue también tienes accesorios. La diferencia y lo que puede haberte confundido es que:
Puede pasar datos a través de accesorios en ambos marcos/bibliotecas, pero lo que coloque dentro <YourComponent>[content]</YourComponent será, en términos de vue, una ranura y, en términos de reacción, será accesible a través de props.children.
Digamos que tenemos un componente emergente/modal cuyo único propósito es actuar como un marco para el contenido emergente/modal real:
// parent component <Modal> <p>Watch out! Do you want to continue</p> <button>Yes</button> <button>No</button> </Modal>Entonces tendrías el componente modal en sí
// react <div> // this will output whatever you put inside the // <Modal> tags in you parent component {props.childen} </div> // vue <div> // the <slot> tag works the same way // as React's {props.children} <slot></slot> </div>Lea más sobre las tragamonedas vue aquí y los accesorios vue aquí .
Cuando esté más familiarizado con los conceptos, puede leer sobre las tragamonedas con nombre de vue aquí