What is ?

by

See Special Attributes – key

It can also be used to force replacement of an element/component instead of reusing it. This can be useful when you want to:

  • Properly trigger lifecycle hooks of a component
  • Trigger transitions

$route.fullPath is defined as

The full resolved URL including query and hash.

If you bind key to $route.fullPath, it will always “force a replacement” of the <router-view> element / component every time a navigation event occurs.

As mentioned above, this is most probably done in order to trigger a transition / animation.

More Related Contents:

  1. What should I do to use this webpacked JS library? [closed]
  2. Vue.js dynamic images not working
  3. How to add external JS scripts to VueJS Components?
  4. Display unescaped HTML in Vue.js
  5. Vue.js get selected option on @change
  6. How to format Vuetify data table date column?
  7. Accessing Vuex state when defining Vue-Router routes
  8. Can vue-router open a link in a new tab?
  9. How can I get query parameters from a URL in Vue.js?
  10. How can I bind the html content in vuejs?
  11. Passing props with programmatic navigation Vue.js
  12. Vue.js – update router view
  13. Vue.js data-bind style backgroundImage not working
  14. multiple pages in Vue.js CLI
  15. Styling Vuetify selectors
  16. How to bind img src to data in Vue
  17. Detect Back Button in Navigation Guards of Vue-Router
  18. How to pass an object as props with vue router?
  19. How can I invoke encodeURIComponent from angularJS template?
  20. CSS: Select element only if a later sibling exists
  21. How to call a function after a div is ready?
  22. How to convert selected HTML to Json?
  23. Use JavaScript to intercept all document link clicks
  24. javascript: upload image file and draw it into a canvas
  25. Extracting single frames from an animated GIF to canvas
  26. Showing Placeholder text for password field in IE
  27. Where are cookies saved for a local HTML file?
  28. how to get full path from fileupload using Javascript
  29. What can service workers do that web workers cannot?
  30. What’s the correct way to pass props as initial data in Vue.js 2?

Leave a Comment