Vue TypeError: Cannot read property '_wrapper' of undefined почему выходит ошибка на Vue?

Question

[danilkokorin]

Всем привет, есть такой небольшой вопрос связанный со Vue. Почему-то не работает $event.target.value. Браузер выводит данную ошибку Vue TypeError: Cannot read property '_wrapper' of undefined

Сама ошибка появляется в браузере при попытке что-то вписать в инпут
Сам код:

<form>
<input 
            v-bind:value="title" 
            @input="title = $event.target.value"
            class="input" type="text" placeholder="Название"
            >
<button 
            class="btn" 
            @click="createPost"
            >
            Добавить
            </button>
</form>
<div class="post" v-for="post in posts" v-bind:key="post.id">
            <div><strong>Название:</strong>{{ post.title }}</div>
            <div><strong>Описание:</strong>{{ post.body }}</div>
        </div>

export default {
        data() {
            return{ 
                posts: [
                    {id: 1, title: 'JavaScript', body: 'Язык'},
                    {id: 2, title: 'PHP', body: 'Язык'},
                    {id: 3, title: 'HTML', body: 'He Язык'},
                    {id: 4, title: 'css', body: 'He Язык'},
                ],
                title: '',
                body: '',
            }
        },
        methods: {
            creatPost() {
                const newPost = {
                    id: Data.now(),
                    title: this.title,
                    body: this.body,
                }
                this.posts.push(newPost);
            },
        }
    }

Comments

[Владислав Дворянинов]

А почему не используете v-model="title"?