Привязка получения данных из шины событий vue js в DOM

Question

У меня настроена шина событий $ emit в Records.vue и $ on в листинге на компоненте Edit.vue, создан хук жизненного цикла. У меня есть пустой объект userData внутри моих данных (). данные шины событий передаются между компонентами без проблем.

Это мой объект данных внутри компонента редактирования

data() {
     return {
      userData: {
        customerName: ""
       }
     }
}

Это создан () крючок

created() {
  EventBus.$on('editEvent',(data) => {
    this.userData.customerName = data.customer_name;
  })
}

HTML

<input 
       id="grid-first-name"
        type="text"
        placeholder="Customer Name"
        :disabled="isEditable"
        name="name"
        @blur="$v.userData.customerName.$touch()"
        v-capFirst
        v-model="userData.customerName"
        :class="{error:$v.userData.customerName.$error}"

 >

Я хочу связать эти данные с HTML, используя v-модель. но ничего не отображается в HTML