How to replace jQuery with Vue.js ?
In this article, we will see how to replace jQuery with Vue....
read more
How to Go Back/Route-Back on Vue-Router ?
Vue Router is a navigation library designed specifically for Vue.js applications. It empowers developers to construct single-page applications, with dynamic and client-side routing capabilities. A frequent need in web applications is the ability to navigate back or return to the previous page. In this article, we will delve into two different approaches to accomplish this task as listed below:...
read more
Vue.js v-on:click.alt Directive
The v-on:click.alt directive is a Vue.js directive used to add a click event listener to an element. While click directive triggers the event for all kind of clicks, this directive only triggers the event when alt key is pressed along with the click. First, we will create a div element with id as app and let’s apply the v-on:click.alt directive to an element. Further, we can execute a function when click even occurs....
read more
How to delete all occurrences of a particular string using Vue.js ?
In this article, we are going to learn how to delete all occurrences of a particular word using filters in VueJS. Vue is a progressive framework for building user interfaces. Filters are a functionality provided by Vue components that let you apply formatting and transformations to any part of your template dynamic data. The filter property of the component is an object. A single filter is a function that accepts a value and returns another value. The returned value is the one that’s actually printed in the Vue.js template....
read more
Building a Shopping List with VueJS
The following approach covers how to build a simple shopping list app with VueJs. Vue (or Vue.js) is an open-source JavaScript framework geared towards building user interfaces, it was created by Evan You....
read more
Vue.js List Rendering
Vue.js is a progressive framework for building user interfaces. The core library is focused on the view layer only and is easy to pick up and integrate with other libraries. Vue is also perfectly capable of powering sophisticated Single-Page Applications in combination with modern tooling and supporting libraries....
read more
Vue.js List Entering & Leaving Transitions
Vue.js is a progressive javascript framework for developing web user interfaces. It is a versatile framework providing high speed and performance.  We can create Single Page Applications as well as Full Stack applications....
read more
Find the first occurrence of particular word in a given string using Vue.js filters
In this article, we are going to learn how to find the first occurrence of a particular word in a given string using filters in VueJS. Vue is a progressive framework for building user interfaces. Filters are a functionality provided by Vue components that let you apply formatting and transformations to any part of your template dynamic data. The filter property of the component is an object. A single filter is a function that accepts a value and returns another value. The returned value is the one that’s actually printed in the Vue.js template....
read more
Vue.js List Rendering Mutation Methods
Vue.js is a progressive framework for building user interfaces. The core library is focused on the view layer only and is easy to pick up and integrate with other libraries. Vue is also perfectly capable of powering sophisticated Single-Page Applications in combination with modern tooling and supporting libraries....
read more
Why the component data must be a function in vue.js ?
In Vue.js, the component data must be a function because it ensures that each instance of a component has its own isolated scope and data. If the data were defined as an object, all instances of the component would share the same reference to the same data object. This could result in unexpected behavior and bugs, especially in larger applications where multiple instances of the same component are used. By using a function to define the data, each instance of the component will receive its own unique data object, which is created when the component is instantiated. This helps to maintain the integrity and expected behavior of each component in the application....
read more
How to Monitor Changing Window Sizes in VueJS ?
Monitoring changing window sizes in a Vue.js application is crucial for creating responsive designs. Vue provides a few ways to achieve this, allowing you to dynamically respond to changes in the window dimensions. In this article, we will learn How to monitor changing window sizes in Vue....
read more
Vue.js Staggering List Transitions
Vue.js is a progressive javascript framework for developing web user interfaces. It is a versatile framework providing high speed and performance.  We can create Single Page Applications as well as Full Stack applications....
read more