Componentes Renderless en Vuejs 2

Los componentes Renderless en Vuejs 2 nos permiten escribir la lógica de éstos con la posibilidad de modificar la template de forma dinámica.

Esta forma de definir componentes puede ser especialmente útil en 2 casos muy claros:

(1) Permitir al usuario final definir el aspecto del componente.

(2) Construir componentes similares reutilizando mucho código.

Aquí vamos a ver un par de ejemplos de uso para entender cómo funcionan para que de aquí en adelante tengas la posibilidad de definir los tuyos propios para tus proyectos.

Lo primero que debemos saber de los componentes Renderless en Vuejs 2 es que éstos no definen el Html, el Html se define al momento de utilizarlo haciendo uso de slot-scope.

Componente Renderless básico

Vamos a comenzar con un ejemplo muy básico de un componente Renderless en Vuejs 2 para entender qué podemos hacer gracias a ellos.

 

SUSCRÍBETE AHORA Y ACCEDE A TODO EL MATERIAL DE INMEDIATO, CURSOS Y TIPS AND TRICKS
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register