DEV Community

Enjoy the Vue

Episode 56: Breaking Vue’s 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:

Episode source