Logré hacer que cambie el valor de username, pero no se muestra el cambio en la vista, ¿por qué será?
<template>
<h2>{{ fullName }}</h2>
<h3>Username: {{ username }}</h3>
<h3>Age: {{ age }}</h3>
</template>
<script>
import { ref, computed, inject, toRef } from "vue"
export default {
props: {
firstName: {
type: String,
default: "John",
required: true,
},
lastName: {
type: String,
default: "Doe",
required: true,
}
},
setup(props, context) {
console.log(context)
const firstName = ref("Miguel")
const lastName = ref("Reyes")
let username = toRef(inject("username"))._object
console.log(username)
setTimeout(() => {
username = "David!"
console.log(username)
}, 2000)
const age = inject("age")
return {
fullName: computed(() => `${firstName.value} ${lastName.value}`),
username,
age,
}
}
}
</script>
<style>
</style>
Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.