Reacting to Param Changes

In this lesson, we take a look at a common gotcha when it comes to using route params with Vue Router and how to account for it. Since the same component instance will be reused when navigating between pages registered to use the same component, some Vue lifecycle hooks that you might expect to fire, will not. There is good reason for this, but you must be aware of it and respond appropriately.

Links

• Vue Router Docs - Reacting to Param Changes
• Vue 3 Docs - key attribtue
• Fetch MDN Docs
• Dummy API