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 (https://v3.vuejs.org/guide/migration/v-bind.html#frontmatter-title) - RFC: v-bind merge strategy modifier (https://github.com/vuejs/rfcs/pull/215) - Blinkist (https://www.blinkist.com/) - SparkNotes (https://www.sparknotes.com/) - Obsidian (https://obsidian.md/) - Night Owl VS Code (https://marketplace.visualstudio.com/items?itemName=sdras.night-owl) - Draw Stronger: Self-Care for Cartoonists & Visual Artists, Kriota Willberg (https://bookshop.org/books/draw-stronger-self-care-for-cartoonists-and-other-visual-artists/9781941250235) - XeraCalm A.D (https://www.aveneusa.com/xeracalm-lipid-replenishing-cream) - Avene (https://www.aveneusa.com/) - Mermaid Hair Oil (https://captainblankenship.com/products/mermaid-hair-oil) - Captain Blankenship (https://captainblankenship.com/) - The Queen's Gambit (https://www.imdb.com/title/tt10048342/) - SVG Animations on Amazon (https://www.amazon.com/SVG-Animations-Implementations-Responsive-Animation/dp/1491939702)