Episode 56: Breaking Vues: v-bind
38:40 Share

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:

• v-bind Merge Behavior)

• RFC: v-bind merge strategy modifier)

• Blinkist)

• SparkNotes)

• Obsidian)

• Night Owl VS Code)

• Draw Stronger: Self-Care for Cartoonists & Visual Artists, Kriota Willberg)

• XeraCalm A.D)

• Avene)

• Mermaid Hair Oil)

• Captain Blankenship)

• The Queen's Gambit)

• SVG Animations on Amazon)

Support Enjoy the Vue)