Vue: share data between child and parent

To prop drill from parent into child; parent should add an "attribute" to the child's component-element.

// Child component
props: [ "title" ]

// Parent component
<Child title="this is a static string" />
...or...
<Child :title="this-is-a-variable" />

To bubble a value up from a child into parent; child should emit (signal out) it's value to the parent.

// Parent component
<Child @name_of_this_signal="(arg_from_child) => { return arg_from_child }"

// Child component wants to send an input's value
<input @click="$emit('name_of_this_signal', $event.target.value)" />

---

26 november 2022