Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Aprendiendo a utilizar refs en Composition API

Aprendiendo a utilizar refs en Composition API - Tutorial de Vue.js

Del curso: Vue.js esencial

Aprendiendo a utilizar refs en Composition API

Los refs son la manera en que nosotros declaramos propiedades reactivas utilizando el Composition API. Para poder crear refs, tenemos dos funciones disponibles. Tenemos la función ref y la función reactive, que ambas importan desde la librería de Vue. La función ref es la que se utiliza más comúnmente y te voy a explicar la diferencia entre una y la otra. Yo aquí en este componente estoy declarando dos valores reactivos. Puedes notar que estoy utilizando una constante para declararlos. Como en este ejemplo, opcionSeleccionada, le estoy asignando el valor que retorna la función ref. El valor que se pasa como parámetro es el valor inicial que va a tener el ref a la hora de crearse, como en este caso, yo le estoy asignando un valor de indefinido a esta propiedad y lo mismo hago con la segunda. Ahora, la razón por la cual yo estoy utilizando const para declarar estos valores reactivos es porque, a la hora de actualizar el valor de estas propiedades, se utiliza la propiedad value, como…

Contenido