Enjoy the Vue

Episode 56: Breaking Vues: v-bind


Listen Later

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

        ...more
        View all episodesView all episodes
        Download on the App Store

        Enjoy the VueBy The Enjoy the Vue Team

        • 3.6
        • 3.6
        • 3.6
        • 3.6
        • 3.6

        3.6

        7 ratings