Welcome to my blog !

what folder/files are ignored for git commit | gitignore vue

January 1, 2022 ·  2 min read

The path of files or directories in your application are listed in the gitignore file. These files are not committed during git push or commit operations. New Vuejs applications prototype created using Vue-CLI, and By default, It generates gitignore files which have the following content. .DS_Store node_modules/ dist/ npm-debug.log If you open your project with Visual Studio Code, it creates some caching files. So you need to add those in the gitignore file....

Vuejs V-on and v-bind directives examples| Shorthand syntax

January 1, 2022 ·  2 min read

In this short tutorial, You will learn about v-on and v-bin directive and shorthand syntax with examples. v-on directive v-on directive in vuejs adds the dynamic behavior to HTML templates. v-on is a vuejs directive that is the binding event handler for listening to javascript native events. It adds an extra parameter to the HTML tag as seen below. Syntax <htmltag v-on:Events:modifier="Eventhandler" ></htmltag> <htmltag @:Events:modifier="Eventhandler" ></htmltag> Events are click events, button click or input keypress events are examples....

Vuejs popup notification tutorial | Sweetalert2 example

January 1, 2022 ·  5 min read

In this blog post, We are going to learn How to create a popup in a vuejs application using the sweet alert framework I already blogged about Sweetalert tutorials with examples and Alert Notifications with Angular here as follows VueJS Alert Component Alert is a simple popup dialog box to give useful information to the user Vuejs is a popular progressive javascript framework for creating single-page applications. Sweetalert is a vanilla opensource lightweight javascript to create a popup notification in javascript applications....

VueJs - Input blur event with examples

January 1, 2022 ·  3 min read

In this tutorial, We are going to learn blur event uses and multiple examples. blur event is a browser native event introduced with javascript language. Every front-end framework is implemented in the framework itself. Let us learn what is blur event, how this event is implemented in vuejs applications. Other versions available: Angular blur event example React onBlur event guide example BLur event is fired when the input element lost focus....

Vue Data function - Multiple ways to declare

January 1, 2022 ·  3 min read

Each component has the data function methods as part of the declaration. data is a function in Vue that returns an object. Why does data have to declare in a component? Each component has some data to show in the browser, so the data function code returns the data. this will be accessed by Component methods globally. Does the data function hold API logic to retrieve from the Database? No, data fetching logic should be handled in the method section of the component....

You'll get a notification every time a post gets published here.