Получение данных из Django в шаблон Vue

Я пытаюсь получить данные из Django в переменные Vuetemplate.

views.py

def index(request):
  myvar = 1
  return render(request, 'index.html',{'myvar':myvar})

в index.html

<span> {{ myvar }} </span>

Работает, и показывает 1, но как я могу получить этот 1/myvar в данные внутри экземпляра vue?

var app = new Vue({
  el: "#app",
  data: { 
// here i need the data/value of myvar
}

Вы можете получить значение через параметры маршрута

var app = new Vue({
  el: "#app",
  data: { 
// here i need the data/value of myvar
   myvar: this.$route.params.myvar
}

var app = new Vue({
  el: "#app",
  data: { 
    myvar: '{{ myvar }}' //myvar comes from django urls.py
}

Работает для меня, this.$route.params.myvar не работает, потому что я не использую vuerouter.

Вернуться на верх