How to use vue js + django?

Question

Django

Good afternoon!
Can't launch vue with janga
in header declared

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app-3">
  <span v-if="seen">Сейчас меня видно</span>
</div>

var app3 = new Vue({
  el: '#app-3',
  data: {
    seen: true
  }
})

for a start I tried to run the html body directly. ZERO effect. in the console, only a greeting from vue and no errors. static collected. static files are connected to html. What is the problem I do not understand. I didn't find clear guides.

Answer 1

data is always a function that returns an object.

var app3 = new Vue({
  el: '#app-3',
  data() {
    return {
      seen: true
    }
  }
})

Answer 2

Take a look at this tutorial, maybe it will help you understand some points.
https://github.com/michaelbukachi/django-vuejs-tut...