从 Django 获取数据到 Vue 模板答案

【问题标题】：Get data from Django to Vue Template从 Django 获取数据到 Vue 模板
【发布时间】：2021-12-16 16:31:40
【问题描述】：

我正在尝试从 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
}

【问题讨论】：

【解决方案1】：

你可以通过路由的参数来获取值

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

【讨论】：

【解决方案2】：

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

对我有用，this.$route.params.myvar 不会导致我不使用 vuerouter。

【讨论】：