Почему vue не отображает name?

Question

[Владислава]

<div id="app">
    <div class="bg-slate-800 flex justify-between">
    <h1 class="pb-3 pt-3 pl-3 text-slate-100">Navbar</h1>
    <div v-for="nav in navs" class="flex pr-3 text-slate-100 pb-3 pt-3">
        <h2 class="pr-2">{{ nav.name }}</h2>
        
    </div>
    </div>
    </div>

new Vue({
    el: '#app',
    data(){
        return{
            navs: [
                {name: 'Store'},
                {name: 'Orders'}

            ]
        }
    }
})

Answer 1

[Aetae]

Отображает:

Читай ошибки в консоли и думай.

Comments

[Владислава]

ошибок в консоле нет увы(( но все равно спасибо

[Дмитрий Кузнецов]

Владислава, не может быть такого. Тебе как минимум undefined должен прийти был.

[Владислава]

Дмитрий Кузнецов, но такое увы есть. Максимум что в моей консоли так это предупреждение о том что я использую версию для разработки а не для продакшена. Может стоит дополнить, что мой файл html это шаблон джанго. Может в этом дело

Answer 2

[Владислава]

Суть была в том что я не добавила delimeters