Episode 56: Breaking Vues: v-bind
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