Как решить эту проблему Vue. js: значение для выражения v-bind не может быть пустым. Найдено в "v-bind:"

Question

Я новичок в Vue. js разработке. Я построил новую программу и запустил, но есть такая ошибка!

Значение выражения v-bind не может быть пустым. Найдено в "v-bind:"

Мой код такой:

<div id="mineapp">
    {{msg}}
    <form @submit.prevent ="submitNote">
        <label>Title</label>
        <input type="text" v-model="formData.title"/>
        <label>Content</label>
        <textarea v-model="formData.content"></textarea>
        <br/>
    <button type="submit">Submit</button>
    </form>
    <br/>
    <h1>All Notes</h1>
    <ul>
        <li v-for="(note, index) in notes" v-bind : key="index">
            <h3>{{note.title}}</h3>
            <h5>Created on{{note.created}}</h5>
            <p>{{note.content}}</p>
        </li>
    </ul>
</div>

Я надеюсь, что кто-нибудь поможет мне это исправить.