Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Filters basically provides the functionality to check inputs and then apply different type of formatting or transformations to the same. The filter property of a component is an object that accepts a value and return some other confirgured value as a response. In this article, we will not use filters and therefore directly apply the logic to check if a string is a palindrome or not. For a string to be palindrome the string should be equal to its reverse string. Therefore, we have to first reverse the string and then check the equality of that string with the original ... Read More
Vue can be defined as a progressive framework for building the user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. In this article, we will use the Vue filters to check whether a string is a Leap year or not. A leap year has 366 days, whereas a non-Leap year has only 365 days. We can use logic to check whether a year is a Leap or not. ... Read More
Vue can be defined as a progressive framework for building the user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and it is also easy to pick up other libraries or integrate with them. In the below article, we will see how to capitalize a particular string. Capitalizing is basically a process where only the first character of a string is in capital letters and remaining all the characters are in lower case. We can capitalize a string by getting the ... Read More
Generally, we cannot call a Vue component method from outside the component. But we have a way to call the component from outside. We can use the Vue’s ref Directive. This metthod allows a component to be referenced from the parent for direct access. To apply the ref Directive, we will first create a div element with id ‘app’. Once the div element is created, we can apply the ref to the element by initializing the its data. Syntax Following is the syntax to call a component method from outside the component in Vue.js − Here, the ... Read More
While hovering over a div or an element sometimes we require to display some information. This information or data is displayed while hovering over it with the mouse. Therefore, to display this data, we basically use the JS function @mouseover to display data. In the above specific case, we will make the mouseover function which will return data on hover. Please look at the below example for more clarification. Syntax Following is the syntax to call a function with mouse hover in Vue.js − mouseOver: function(){ this.active = !this.active; } Here mouseOver ... Read More
The value for v-bind:style is just a plain JavaScript object that works upon some rules for binding the content. The value of the background image should be a string. So we can apply or data-bind the background image in Vue.js using the style tag and then defining the backgroundImage URL in it. It will automatically retrieve the url from the string and then display the same data content on the browser webpage. To access the background image, make a div element and define the background image in it with url. The url will be retrieved from the JS file. Example ... Read More
The v-bind directive in VueJS can be used for binding one or more attributes, or a component prop to an element. If the attribute is bonded towards our data that is defined in the Vue instance, then we can observe these data changes dynamically since the attributes are binded. To apply the v-bind directive, we will first create a div element with id ‘app’. Once the div element is created, we can apply the v-on: click.middle directive to the element. Syntax We can use the following syntax to bind attributes in Vue.js − v-bind:attribute = "expression" Here "expression" ... Read More
Vue can be defined as a progressive framework for building the user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. The vue components provides the filter functionality to filter out the requests and response that lets the user to apply different formatting and transformations to the template dynamic data. Filters are used in two places : mustache interpolation and v-bind expressions. Functions are appended in the end of ... Read More
In a Vue.js application there may be data or utilities that are used in many components, but you don’t want to change its scope and keep its value same for all the components. These types of variables are called the global variables. In such cases, the user can use the following syntax for defining the prototype − Vue.prototype.$appName = 'My App' Now this $appName will be available on all the Vue instances, even before creation. The $ defined before the appName is the convention used for properties that are available to all the instances. The user can also ... Read More
Introduction Welcome to the world of routers! If you've ever wondered what's going on inside these essential networking devices, you're in for a treat. In this comprehensive guide, we'll dive deep into understanding the internal components of a router and unravel their mysteries. From routing algorithms to network configuration it's all here in one handy place. So let's gear up and get ready for an exciting journey as we explore the heart and soul of routers. Read on to uncover how each component plays its part in keeping our digital lives connected smoothly and efficiently! Router and its functioning A ... Read More