Hiding elements until the Vue instance is ready (v-cloak directive)

March 13, 2017 by
Part 19 of 55 in the Vue.js: From Beginner to Professional series

Since we’re on the subject of showing and hiding elements, let’s see how we can hide the string interpolation syntax that appears on the page until Vue.js is bootstrapped. Since the string interpolation syntax is simply a part of the HTML as normal text, the browser will render it as such. It will then be… read more

Conditionally Rendering Elements (v-if, v-else-if, and v-else directives)

February 27, 2017 by
Part 17 of 55 in the Vue.js: From Beginner to Professional series

Until now, our templates haven’t supported dynamically rendering elements based on boolean conditions. That’s about to change, as we will talk about three directives in this lecture; v-if, v-else-if, and v-else. The names of these directives should pretty self-explanatory, so let’s dive straight into an example. Suppose that we have a webshop and we want… read more

Vue Modifier Keys

February 27, 2017 by
Part 13 of 55 in the Vue.js: From Beginner to Professional series

I hope that you won’t get too confused when I tell you that not only is there something called key modifiers in Vue.js, but there is also something called modifier keys. Modifier keys refer to keys such as control, shift, alt and the Windows or Command key on Mac. With modifier keys, we can trigger… read more

Vue Key Modifiers

February 27, 2017 by
Part 12 of 55 in the Vue.js: From Beginner to Professional series

In the previous post, we took a look at event modifiers. In this post, we will be looking at a more specialized category of event modifiers, namely so-called key modifiers. As the name suggests, this category of event modifiers can be used with keyboard events. Say that we have a text input, for example, and… read more