Example v-model Directive

App.vue 'text' property: "

Say Cheese
"

Component

Two-way binding on component with v-model:

  1. The component can update the 'text' property (using text field).
  2. The component gets updated when the 'text' property is changed (using button).