Introduction to Vue.js: Components

Working with Props


If we just want to style something nice and re-use it, without caring about the logic needed to get the data in the first place, how do we do that? This is where props come in. Props are like custom attributes on html elements. You basically use these much like vue directives to bind data to a component in order to pass it down from parent to child.

Props are heavily used in Vue, so understanding how they work will aid you in understanding component communication.