Componente del historial

Clase 8 de 21 • Curso Práctico de Vue.js

Contenido del curso

Introducción

Setup inicial

Vista

Gráfico

Modelo

Cierre

Tomar examen

Orlando Perez

student•

Los props de los componentes ya son reactivos, si el valor es actualizado (En los componentes que lo envian como parametro) se vera reflejado en todos los componentes que lo reciban (Pero, no pueden ser reasignados en el mismo compoente). Es redundante colocar los props con toRefs solo para usarlos en el template. Y al usar composition API los props declarados estan por defecto disponibles en el template como por ejemplo en el Movement.vue

<template>
	<!-- Aqui igualmente se puede usar title  -->
	<!-- porque vue se encarga de enviar los props al template -->
	<div class="movement">{{ title }}</div>
</template>

<script setup>
import { defineProps } from 'vue';

// No es necesario asignar los props a una variable
// a menos de que se vayan a utilizar en otra funcion
defineProps({
	title: {
		type: String,
	}
});
// Esto tampoco sería necesario
// const { title } = toRefs(props);
</script>

Joshua Martinez

student•

Me gustaría saber el por qué dices que no es necesario el toRefs, entiendo yo que es para que nuestros props sean reactivos y cambien según se haga un cambio en otra parte a la variable que pasamos por ese prop.

Componente del historial

Introducción

Construye una aplicación para el control de tus gastos con Vue.js

Creación del proyecto

Setup inicial

Splashscreen

Header y contenido

Layout

Vista

Resumen de datos

Agregando formato a la moneda