Capítulo 5. Composición API

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com

En el capítulo anterior, aprendiste a componer componentes Vue utilizando la clásica API de Opciones. A pesar de ser la API más común para componer componentes Vue desde Vue 2, utilizar la API de Opciones puede dar lugar a una complejidad de código innecesaria, ilegibilidad para el código de grandes componentes y reutilización de la lógica entre ellos. Para estos casos de uso, este capítulo presenta un enfoque alternativo para componer componentes Vue, la API de Composición.

En este capítulo, exploraremos los distintos ganchos de composición para crear un elemento funcional con estado en Vue. También aprenderemos a combinar la API de Opciones y la API de Composición para tener un mejor control reactivo y componer nuestros propios elementos de composición reutilizables para nuestra aplicación.

Configurar componentes con la API de composición

Componer componentes utilizando la API de Opciones es una práctica habitual en Vue. Sin embargo, en muchos casos, queremos reutilizar parte de la lógica del componente sin preocuparnos por la superposición de datos y métodos como en los mixins1o un componente más legible y organizado. La API de composición puede ser útil en esos casos .

Introducida en Vue 3.0, la API de composición proporciona una forma alternativa de componer componentes con estado y reactivos con la ayuda del gancho setup() ("setup") ...

Get Aprender Vue now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.