Como se explica aquí , Vue 3 ha movido un montón de funciones que estaban disponibles en la instancia global de Vue. Ahora se denominan importaciones. Esto me lleva a pensar que debería poder import {set} from 'vue' , pero no puedo. No está ahí. ¿Dónde está establecido ()?
Este artículo lo ayudará a comprender por qué necesitábamos vue.set en primer lugar. En resumen, lo necesita para poder agregar una nueva propiedad a un objeto de datos sin interrumpir la reactividad.
Con Vue 3, ya no tienes que preocuparte por romper la reactividad. Lo que el artículo dice que no debe hacer en Vue 2, ahora puede hacerlo en Vue 3.
Ejemplo en vue 2:
data() { return { personObject: { name: 'John Doe' } } }, methods: { addBio(bio) { this.$set(this.personObject, 'bio', bio) // this was needed on vue 2 }Ahora, en Vue 3, puede agregar la propiedad biológica directamente al objeto y el objeto seguirá siendo reactivo:
methods: { addBio(bio) { this.personObject['bio'] = bio) }