An Essential Guide to Re-rendering Vue Routes When Path Parameters Change

Too Long; Didn't Read

A common problem occurs when a user alters the path in the address bar manually. Manually changing the path does not rerender the view. This can cause unexpected behavior because mounted() hooks don't fire and nested components don't reload. The solution is to use another hook, beforeRouteUpdate(). The last parameter in the Qvault Playground's path is the code language, "js" or "go". If the boilerplate code were only fetched using a mounted() hook, then the code would not reload. You can set your entire router-view to re-render when its path changes.