Episode 56: Breaking Vue’s V-bind

April 5, 2021Enjoy the Vue

In Vue, the v-bind directive is used to dynamically swap out the values of attributes. Today’s episode is a deep dive into v-binds and how you can best use them. After exploring v-bind use cases, we chat about when and where you should avoid writing v-bind in shorthand, along with how base components fit into the coding process. As our conversation deepens, we touch declarative code before looking at the differences in how v-binding functions in Vue 2 and Vue 3. Linked to this, we explore preferences when it comes to the order of attributes and debate the merit of being able to add comments in Vue. Later, we reflect on the iterative nature of software development and why you should always check the docs for design changes. We round off another episode with our picks of the week!

Overview

How v-bind lets you dynamically swap out attribute values.
Exploring the scenarios where you would most likely use v-bind.
V-bind scenarios where you would avoid writing in shorthand.
Using v-bind versus individually declaring each object.
The workflow benefits of setting base components.
The pros and cons of declarative code and when it’s best to v-bind singular attributes.
Hear about v-bind differences between Vue 2 and Vue 3.
We debate the merits of giving child attributes the ability to override their parent attributes.
Why being able to add comments in Vue would be such a useful feature.
From Blinkest to Draw Stronger, hear about our picks of the week.

Tweetables:

“Declarative code is best when you write it out and it's easy for people to follow. When written as shorthand, v-bind can obfuscate that.” — @EnjoyTheVueCast [0:12:21]
“I’m not used to a lot of decision-making being yielded to the template. So it's surprising to me that something like the order of attributes would be something that the template is responsible for.” — @EnjoyTheVueCast [0:23:34]
“Software is an iterative process. Always check the docs for the latest updates because sometimes we are human when we make these design decisions.” — @EnjoyTheVueCast [0:30:00]

Links Mentioned in Today’s Episode:

Audio Player