Using Vue Router Part 4 – Named Views

Using Vue Router Part 4 – Named Views

to show multiple different views on the same route, Vue router supports ‘named views’. named views allow us to create multiple named router views and then assign components to all views in the route. to show this we modify our main router view in App.vue...
Using Vue Router Part 4 – Named Views

Using Vue Router Part 3 – Nested Routes

In the first two parts of this series we have created simple routes and also created dynamic routes with parameters so we can open a view such as customer with a parameter to show a specific customer. But what if the customer view consists out of multiple views for...
Using Vue Router Part 4 – Named Views

Using Vue Router Part 2 – Dynamic Routes

in our first part of this series we looked at simply using Vue router to switch pages Another important piece to the router puzzle is using dynamic routes with parameters for example we had a route as follows /customers that would show the customers screen and...
Using Vue Router Part 4 – Named Views

Using Vue Router – Part 1

In this post we will take a look at using Vue Router first we will create a new vue app usign webpack vue init webpack vuerouter after the project is created, navigate to the folder and run  npm run dev first we will create a simple main screen with 3 different...
Vue.js and Internationalization

Vue.js and Internationalization

In this short post we will look into adding Internationalization to a Vue.js project. This will allow us to support multiple languages for all our text elements to start we will create a simple Vue project using the Vue cli as follows vue init webpack i18nSample we...