9 Lessons To Learn And Code

VueJS: Route Meta Data

in VueJS Router

You can add additional information to a specific route by giving it route meta data, this meta data can then be picked up by the router on the beforeEach() function...

Read More


VueJS: Vue Router Restricting Routes

in VueJS Router

In the previous examples of using the Vue Router we learnt how to build routes and how we can navigate around the application to view the previous examples please see...

Read More


VueJS: Vue Router History

in VueJS Router

Looking at some of the examples we have of the Vue router you'll notice that the browser is automatically add a hash to the end of the URL. This is...

Read More


VueJS: Redirect Unmatched Routes To 404

in VueJS Router

Like any other website if the router can not find the URL you're navigating to then you need to display a 404 page to your user for them to know...

Read More


VueJS: Vue Router Change Page

in VueJS Router

Sometimes while you're developing you find situations where you need to redirect to a different page or go back to the last page. For example you could have a form...

Read More


VueJS: Vue Router Child Paths

in VueJS Router

In a real world example you'll be creating an application that has a few nested URLs for example a user account will have URLs such as /account /account/security /account/notifications /account/billing...

Read More


VueJS: Vue Router Reacting To Route Changes

in VueJS Router

The the last example we learnt how to create dynamic routes in VueJs. This allows you to have the same component be reused on multiple page, for example if we...

Read More


VueJS: Vue Router Dynamic Routes

in VueJS Router

In a previous example we learnt how to use the Vue Router. In this example we just used simple links to a single page. But as you know most apps...

Read More


VueJS: Vue Router

in VueJS Router

An important part of a JavaScript website is the ability to show different content depending on the URL you navigate to. In traditional web development this URL will point to...

Read More