Django渲染带有VueJS的上下文

Question

我有一个django视图，该视图呈现一个带有上下文的模板，该上下文包括基于表单输入的数据。现在，我想访问该上下文数据。

查看功能：

def view_function(request):
    ...
    ...
    context = {
       'dataList': datalist
    }
return render(request, 'template.html', context = context)

模板：

var app = new Vue({
        delimiters: ['[[', ']]'],
        el: '#app',
        data: {
            search: "",
            dataList: [],
        },
        created(){
            this.dataList = ...
        }
})

有没有一种方法可以将上下文从Django获取到VueJS dataList中？

Answer 1

我认为，将django与vue结合的最佳选择是使用django-rest-framework创建api。

在vue js中，我们使用axios与我们的api进行通信，而保留数据的最佳选择就是vuex

有用的链接
http://www.django-rest-framework.org/#installation
https://vuex.vuejs.org/guide/
https://medium.com/quick-code/crud-app-using-vue-js-and-django-516edf4e4217