Hope you are already aware of iterating over array elements using v-for directive. In our applications, we deal with objects as much as arrays. So, without further ado let’s understand how to iterate over the various properties of an object. I hear you say, “what about an array of objects then?” I got you. We… Continue reading
Searched for ""
9. Rendering Lists Part 1 (Iterating over arrays)
We deal with lists day in and day out. In our applications, we often face situations where we have to display arrays as lists whose items change dynamically. So, hardcoding array items in our HTML is not really an option. It is important that we know how to handle these dynamically changing arrays with Vue… Continue reading
8. Conditional rendering Part 2 (v-if and v-show)
Don’t we already have enough directives to handle conditional rendering? Do we still need v-show? One more thing to trouble our brains with? But what to do? Evan You (creator of Vue) added it for some reason while we were busy binge-watching Netflix. So, let’s see why this directive exists in the first place. Warning:… Continue reading
7. Conditional rendering Part 1 (v-if, v-else, v-else-if)
We don’t always want to render everything to our webpage. Based on a certain condition or the value of a particular expression, we might want to hide/show/attach or detach elements. This is nothing but conditional rendering – render elements based on a condition. This can be achieved using simple if-else statements. But, how are we… Continue reading
6. Data binding Part 2 (Attributes)
In our previous article, I gave you something to think about. Remember? Attribute binding! Time to take a deep look into it. As we all know, examples help us understand the concept in an easier way. So, what are we waiting for? Imagine we have an anchor tag and we would like to bind a… Continue reading
5. Data binding Part 1 (Text, raw HTML, JavaScript expressions)
I am so excited today as we are going to discuss some of the most interesting data binding techniques in Vue.js. It is necessary to understand that we are provided with more than one way to bind the DOM with the underlying Vue instance’s data object.
4. Vue Devtools Setup
Warning: Once you have discovered how to use Vue Devtools extension, you will never want to come back to the normal world. It makes debugging so much easier by providing a user-friendly representation. Not just that, installing it in the earlier stages will help you understand how Vue works under the hood by inspecting each… Continue reading
3. Introduction to Vue directives
Today we will be touching the surface of what Vue directives are all about. First things first. What are directives? These are special instructions that change the behavior of the HTML elements when attached to them. In other words, these are special attributes attached to the HTML elements which change the behavior and provide control… Continue reading
9aa. WebDriver – Executing JavaScript code
Hiya Champs! Let’s have some quality interaction with the browser today!! So, can you guess the language that is preferred by the browser? Yes, you got that right. It is JavaScript indeed. If you are using Chrome, clicking on ‘F12’ will open the ‘Developer Tools’ which helps us to execute JavaScript directly from the browser…. Continue reading
Python Generator
This article aims to provide a somewhat gentle introduction to python generator, and hopefully will inspire the reader to find interesting uses for them. It is a somewhat complicated topic with a lot of small details, so we will use the convention below to provide extra information. Feel free to skip over these, as they… Continue reading