reqwest.js 和 vue.js 结合（一）

有了 api 之后，我们需要在前端从 api 中获取数据，用 reqwest.js 这个模块从 api 获取数据，再使用 vue.js 来渲染，在网页中展示数据。

1. 编辑 views

在 views.py 增加一个 book_list 方法，用来展示全部书目信息：

def book_list(request):
    return render(request, 'book_list.html', {})

2. 编写前端

编辑 templates 中的 book_list.html，用 reqwest.js 从 api 获取数据，再使用 vue.js 来渲染成网页：

{% load staticfiles %}


    
        
        
        
    

    
    {% verbatim %}
    

        
        

            
{{ book.title }}
            
{{ book.author }}
            
{{ book.summary }}
            

        

        

    
    {% endverbatim %}

3.测试

打开：http://127.0.0.1:8000/book_list ，网页如下：