DRY is a programming strategy that stands for "Don't Repeat Yourself". It encourages code re-usability through modular architecture. Vue.js includes several strategies to modularize and re-use repeated snippets of cod...

Vuex is the first-party development state management library for Vue.js. Vuex follows the principle that Redux has popularized over the past years: Data flows in one direction, with actions and mutations modifying dat...

As a front-end framework, Vue.js borrows the prop-driven approach of React, but also uses directives, which were made popular by Angular. In this context, directives are reusable chunks of code or logic that allow you...

In Vue.js, developers use events to add user interaction to their web applications. However, the front-end framework offers a quicker method of handling events by using the v-on directive. In this tutorial, you will u...

When creating a web application using Vue.js, it's a best practice to construct your application in small, modular blocks of code. You can gain this modularity with Single-File Components. In this tutorial, you are go...

Learn how to implement a simple infinite scroll for your Vue apps using vanilla JavaScript and fetching data from an API.

With single-page applications, every page or view is rendered within one HTML page. User interface (UI) frameworks like Vue.js render these pages and components when needed through the use of a Virtual DOM. In Vue.js,...

Learn how to use TypeScript, Microsoft's JavaScript superset, with Vue Single File Components.

How to use the popular Chart.js library with the Vue.js framework to build HTML5 data visualizations.

In web development with the JavaScript framework Vue.js, developers often create the frontend of their application before the backend is ready. For a temporary backend, you can use Node.js to create a mock data layer ...

Vue.js is a popular JavaScript framework for creating user interfaces, often described as a combination of React and Angular, borrowing the prop-driven development of React and the templating of Angular. In this tutor...

A quick tour about installing and using Bootstrap 4, Bulma, or Foundation for Sites in a Vue.js app.

Nuxt.js is a framework with built-in server-side rendering for universal Vue.js apps and websites. This post will help you get up and running with Nuxt.