13. Let’s use shorthands
Welcome back! Did someone say shorthands? Yes, that is what we will be focusing on today. We have been working with Vue directives for quite some time now. The v- prefix helps in more than one way. It visually…
Chandana Chaitanya
Lakshmi Chandana is a Software professional + passion-fueled blogger + novel-reader + artist + tutor to make your day a little brighter than it was before! She is thrilled you are here!
She is on a mission to make sure learning sticks but with the fun part kept intact. She uses certain tricks called BrainBells (inspired from barbells and dumbbells used for workout) to achieve this and she says, “this is not the hardest job! As once minions said, it for sure is working in a bubble wrap factory. Imagine the self-control needed!”
So, dive in to explore the fun-filled World of Learning!!
11. Listening to DOM events and Event modifiers
We have been kind of on a dry spell on the events front. Let’s learn how to listen to DOM events,click events in specific, today. Take a look at the starting code,
10. Rendering Lists Part 2 (Iterating over objects)
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.…
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.…
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…
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…
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…
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…
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…
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…