前端笔记Vue项目第4天 9

最新推荐文章于 2023-09-15 20:43:58 发布

我是楠楠

最新推荐文章于 2023-09-15 20:43:58 发布

阅读量232

点赞数

分类专栏：技术文章

本文链接：https://blog.csdn.net/qq_40208605/article/details/105197325

版权

这篇前端笔记详细介绍了如何使用Vue实现图书列表案例。包括通过接口获取图书数据并显示在页面上，以及添加图书功能，涉及用户输入数据的获取和发送到后台，最后将最新数据渲染更新到页面。

摘要由CSDN通过智能技术生成

图书列表案例1. 基于接口案例-获取图书列表

导入axios 用来发送ajax
把获取到的数据渲染到页面上

<div id="app">
       <div class="grid">
           <table>
               <thead>
                   <tr>
                       <th>编号</th>
                       <th>名称</th>
                       <th>时间</th>
                       <th>操作</th>
                   </tr>
               </thead>
               <tbody>
                   <!-- 5.  把books  中的数据渲染到页面上   -->
                   <tr :key='item.id' v-for='item in books'>
                       <td>{
  {item.id}}</td>
                       <td>{
  {item.name}}</td>
                       <td>{
  {item.date }}</td>
                       <td>