Beste Übung zum Reagieren auf Parameteränderungen mit Vue Router
Bei Verwendung von Vue Router mit Routen wie/foo/:val
Sie müssen @ einen Beobachter hinzufügreact für Parameteränderungen. Das führt zu etwas ärgerlichem doppelten Code in allen Ansichten, deren URL Parameter enthält.
Dies könnte wie folgt aussehen:
export default {
// [...]
created() {
doSomething.call(this);
},
watch: {
'$route' () {
doSomething.call(this);
}
},
}
function doSomething() {
// e.g. request API, assign, view properties, ...
}
ibt es eine andere Möglichkeit, das zu überwinden? Können die Handler fürcreated
und$route
Änderungen kombiniert werden? Kann die Wiederverwendung der Komponente deaktiviert werden, sodass der Beobachter überhaupt nicht erforderlich wäre? Ich verwende Vue 2, aber das könnte auch für Vue 1 interessant sein.