Vue.js Tutorials - Page 2 of 6 - Vue.js Courses and Tutorials

How to Use Vue Router: A Complete Tutorial

Written by Shadid Haque

One of the most powerful features of modern single-page web applications (SPA) is routing. Modern single-page apps such as a Vue application can transition from page to page on the client-side (without requesting the server). Vue Router is the official library for page navigation in Vue applications. Vue Router is simple to use, yet powerful. In this article, we will deep dive into Vue Router 4 (used with Vue 3). We will go over everything you need to know to use Vue Router comfortably.

Vuex, the Official Vue.js Store

Part 2 of 5 in our Store Solutions in Vue.js series.
Written by Daniel Kelly

In the previous article in this series we discussed what a store is, why it's useful, and when it's a good time to implement one. With those principles in mind, we can now look into how to implement a store with Vuex.

What is a Store in Vue.js?

Part 1 of 5 in our Store Solutions in Vue.js series.
Written by Daniel Kelly

Perhaps you've heard of Vuex and you're wondering what it is. What does it do? Why does it exist? How do I use it? If these questions are on your mind you've come to the right place! In this series of articles, we'll take a look at Vuex, the official Vue.js store solution, as well as some alternatives that can serve the same purpose but with different approaches. By the end of the series you should have a good grasp on Vuex and other Vue.js store solutions and be well prepared to implement the store solution best suited for your project and coding style.

Extending Vue Router Links in Vue 3

Written by Daniel Kelly

The <router-link> tag is a great tool for navigating between different pages of your Vue application but it is not the tool to use when navigating to an external link, for that you’d want to use a regular <a> tag. Maybe it's just me, but often times, I can't be bothered with keeping up with the difference. Other times the links might be dynamic, that is, coming from a database or some user provided data source. In such cases you simply won’t know if the link is external or internal and what a pain it would be to do a v-if manually in every place that link might be used.

Where to start when selecting a beginner-level Vue.js course?

Written by Shadid Haque

Vue.js is one of the fastest-growing frameworks in the JavaScript community. Since its creation in 2014, Vue.js has seen wide adoption in web application development. Companies like Apple, Louis Vuitton, BMW, UpWork to name a few are using Vue.js to build their web applications. Needless to say, there’s never been a better time to learn Vue.js. However, with the overwhelming number of resources available online, it is often hard to pick the right beginner Vue course that suits you. Whether you are a JavaScript veteran looking to try out Vue or a complete beginner looking to learn your first JS framework, selecting the right beginner course can save you a ton of time and money. This article aims to help you make an informed decision in selecting your very first beginner-level Vue.js course.

The Benefits of the New Vue 3 App Initialization Code

Written by Mikhail Kuznetsov

In this article, we will start by looking at how the app initialization code works in Vue 2 apps. Then we’ll see what drawbacks it has and how those are eliminated with the new initialization syntax used in the 3rd version of the Vue framework.

Abstracting your dependencies

Part 3 of 3 in our Modular Vue.js Applications series.
Written by Filip Rakowski

In the previous parts of the series we discussed the concept of a domain and how it could correlate to building independent and easily maintainable modules in your application. Most of the introduced concepts concentrated on separating parts of your app and avoiding tight coupling between them. Even if you make your modules independent there are still things that will lead to significant and time-consuming rewrites once you have to replace them - third parties.

In this article you will learn how to make your app independent from them as well!

Teleport – a new feature in Vue 3

Written by Filip Rakowski

In this article, we will dive into one of the cool new features that were introduced with Vue 3 - Teleport.

Which Vue.js version to use in 2021 and why

Written by Alex Kyriakidis

Since the announcement of Vue 3 there are two questions I am frequently asked by newcomers and senior Vue developers.

Should I use or learn Vue 2 in 2021?
When is the Vue 3 Masterclass coming?

Domain-Driven Design in Vue.js

Part 2 of 3 in our Modular Vue.js Applications series.
Written by Filip Rakowski

In the previous article I introduced the concept of Domain-Driven-Design and showed how it can be utilized within Nuxt with their modules. In this part I want to share with you how we applied the same concept in Vue Storefront 1 which is a regular, Vue 2 application.