vue.js的index.html中如何向app传递更多参数？

Question

vue.jsbuild之后是在django下面运行的，首页用一个djangoview渲染，通过context给它传递了参数，到了index.html中拿到参数后，怎样进一步传递到app里面？
classIndexPageView(TemplateView):
defget_context_data(self,**kwargs):
context=super().get_context_data(**kwargs)
context['now']=timezone.now()
returncontext
urlpatterns=[
url(r'^admin/',admin.site.urls),
url(r'^api/',include('api.urls')),
url(r'^$',IndexPageView.as_view(template_name="index.html")),
]
contextfromdjango:{%templatetagnow%}

Answer 1

最简单粗暴的方法：window.vars={%输出一个json在这里%}你知道json语法是js的子集，所以这样不会有语法错误，window.vars直接就是一个对象了。希望对你有帮助

Answer 2

官方论坛里帮你找了个回答：HTML:JS:newVue({el:'#my-target-element',template:'Justanexamplewith{{varName}}',data:{varName:null},beforeMount:function(){this.varName=this.$el.attributes['data-var-name'].value;},});原解答点这里