Esta ya es una técnica relativamente común, por lo que hablaré brevemente sobre ella aquí. Cuando se observa una variable, no se ejecutará cuando se inicialice. Como en el siguiente ejemplo, debe created
llamarla manualmente una vez.
// bad
created() {
this.fetchUserList();
},
watch: {
searchText: 'fetchUserList',
}
Puede agregar immediate
atributos para que se activen durante la inicialización, y luego el código anterior se puede simplificar a:
// good
watch: {
searchText: {
handler: 'fetchUserList',
immediate: true,
}
}
ps: el reloj también tiene un atributo que todos pasan por alto fácilmente deep
. Cuando true
esté configurado , será una escucha profunda. En resumen, tiene uno const obj={a:1,b:2}
, que se activará cuando cambie el valor de cualquier clave watch
. Escenario de aplicación: por ejemplo, tengo una lista con un montón de query
elementos de filtro, y luego puede usarla deep watch
. Cuando solo cambie un elemento de filtro , automáticamente solicitará nuevos datos. O puede usar deep watch
un formulario, cuando el contenido de cualquier campo cambia, puede ayudar a que se guarde automáticamente y así sucesivamente.