Episode 56: Breaking Vues: v-bind

Enjoy the Vue

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