javascript - Django 使用 VueJS 的上下文进行渲染

Question

我有一个 django View ，它呈现一个带有上下文的模板，其中包含基于表单输入的数据。现在我想访问该上下文数据。

查看功能:

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