Почему здесь v-model не может быть использована для пропсов?

Question

[Влад]

Решил подучить Vue.js по курсу на Ютубе.
Кода я дошёл до компонента my-select, повторил за автором код и запустил приложение (1:29:52), то Vue выдал мне ошибку:

VueCompilerError: v-model cannot be used on a prop, because local prop bindings are not 
writable.
Use a v-bind binding combined with a v-on listener that emits update:x event instead.   
at D:\OSPanelNew\domains\vue3-course\src\components\UI\MySelect.vue:2:20
1  |  <template>
2  |    <select v-model="modelValue" @change="changeOption">

В общем, Vue пишет мне, что v-model не может быть использована для пропсов, потому что локальные пропсы не доступны для записи. Просит реализовать это по-другому.
А почему у автора всё норм? WTF? Подскажите, пожалуйста.

Comments

[WapSter]

Потому, что никакие пропсы нельзя перезаписывать, новое значение в родителя нужно передавать, через событие

[Влад]

WapSter, У него есть событие:


Он сам об этом и говорил. Но почему у него тогда одновременно с обновлением через функцию, привязанную к событию, присутствует ещё и директива v-model? Если её убираешь, то ошибка пропадает.
Косякнул автор? ))

[WapSter]

Влад, да, у автора видео ошибка и достаточно грубая. Вместо v-model передай значение через value и все будет работать без мутаций.

А вопросик я заберу как пример для собеседований)

[Влад]

WapSter, Куда приходить на собеседование?

[Сергей delphinpro]

Влад, вы его уже не прошли =)

[Влад]

Сергей delphinpro, да у меня нет никакой продуктовой работы, одна проектная с WP да OpenCart, а то и лендосы ). Мне своей вебпаковой сборки выше крыши для этого. Vue.js просто для общего развития, ибо рутина достала ))