Vue.js

Introduction> Introduction # In Vue 2.0, the developers decided that having a built-in HTTP client module was rather redundant and could be better serviced by third-party libraries. The alternative most frequently recommended is Axios.

Introduction> Introduction # In this article, you will learn about how to add the v-model directive for custom components in Vue.js. While the v-model directive is a powerful asset to add two-way data binding in vanilla Vue.

Introduction> Introduction # Vue.js is a front-end JavaScript framework for building user interfaces. It’s designed from the ground up to be incrementally adoptable, and it integrates well with other libraries or existing projects.

Introduction> Introduction # Vue.js 2 supports class-style components. If you are coming from an Angular (2+) background, you are probably familiar with the pattern of writing components as classes using properties and decorators to describe more complex parts of your component.

Introduction> Introduction # Event throttling and debouncing refer to two approaches to improve performance and potentially lower network overhead. While Vue.js 1 used to have native support for debouncing events, it was removed in Vue.

Introduction> Introduction # A common requirement for front-end applications is listing out items. It can take the form of a to-do list and card systems. Vue.js supports rendering lists of items onto the browser using the built-in v-for< core directive.

Introduction> Introduction # Modals are a user experience convention to direct a user’s attention to a piece of content that they need to read or interact with. These tend to take the form of small blocks of content directly in the field of vision of the user with some sort of backdrop either obscuring or hiding the rest of the content on the page.

Introduction> Introduction # In a web app, you will most likely have to access a backend API server through a URL. In a development environment – when you are working locally, this URL can be something like: http://localhost:8080/api.

Introduction> Introduction # vue-router is an excellent routing solution for Vue.js, but requires additional configuration to update the page title and metadata on route change. There will be times where you will want the title of the browser to change when the page changes.

Though it’s not that often, sometimes there is actually a good reason for needing to insert raw HTML stored as strings into the DOM. Very rarely, of course. In most cases you should never do this, as this opens you up to a variety of XSS attacks.

Websockets are a powerful way to enable bidirectional communication between the client and the server, and socket.io is one of the leading libraries that simplifies connection handling with websockets and alternative transports.

Introduction> Introduction # Lifecycle hooks are a window into how the library you are using works behind the scenes. Lifecycle hooks allow you to know when your component is created, added to the DOM, updated, or destroyed.

Introduction> Introduction # The event bus / publish-subscribe pattern is a way of getting unrelated sections of your application to talk to each other. The event system used in Vue components can be used in an event bus / publish-subscribe pattern.

Introduction> Introduction # In this article, you will learn about dynamic style and class bindings in Vue.js. With the v-bind:style directive, you will visualize your font size on a click event.