(Vue.js) Same component with different routes

Question

I would like to use the same component for different routes in a Vue.js application.

I currently have something like this:

---

main.js

Answer 1

This is expected behaviour as Vue is trying to be optimal and reuse existing components. The behaviour you want to achieve used to be solved with a setting called canReuse, but that has been deprecated. The current recommended solution is to set a unique :key property on your like so:

Check out this JSFiddle example.