Con la implementación del composition API en vue 3, no tengo muy claro como se debe usar, ahora en el metodo setup()
, absolutamente todo lo que se separaba antes en las capas de data
, methods
, computed
, mounted
, etc...
Por lo que entiendo la gran mayoria de estas si se pueden encapsular en setup
, pero mi principal duda es con los methods
, estos ya quedan completamente descartados y todo debe estar como funciones en setup
?.
Que succede con los mixins
, antes tenia varios mixins los cuales consultaban propiedades de mi plantilla con this.
ahora esto no funciona por que lo que antes estaba en data
al encontrarse en el setup
no tengo acceso directo desde un mixin.
He leido la documentación oficial y guías, pero no estoy del todo claro como se debe manejar el nuevo setup
que poner y que no poner allí dentro.
¿Como se debe trabajar exactamente el compisiton API en Vue 3?
Es buena practica mezclar la sintaxis de Vue 2 con la composition api?, por ejemplo
setup()
{
const username = reactive(
{
show: true,
value: '',
name: 'username',
type: 'text',
label: 'auth.username',
readonly: false,
validations:
[
{ type: "required", status: false, msgError: 'validations.required' }
]
});
return { username }
}
Si tengo un atributo username
declarado en mi setup
, y necesito tener otro atributo al cual consultar desde un mixin, pero si no tengo acceso del el setup
puedo declarar data()
data()
{
return {
attr: []
}
}
O no es buena practica mezclar ambas sintaxis?, no tengo del todo claro todo lo relacionado con lo nuevo de Vue 3. ¿Y cual es la mejor forma de trabajar ahora con los mixins?