使用vue怎么开发一个图书管理系统

  介绍

使用vue怎么开发一个图书管理系统?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

组件代码

& lt; template>   ,& lt; div  id=癮pp"比;   & lt;才能div 类=癵rid"比;   ,,& lt; div>   ,,,& lt; h2>图书管理& lt;/h2>   ,,,& lt; div 类=癰ook"比;   ,,,,& lt; div>   ,,,,,& lt; label 为=癷d", v-focus>   ,,,,,,编号:   ,,,,,& lt;/label>   ,,,,,& lt; input 类型=皌ext", id=癷d", v模型=癷d",:禁用=癴lag"比;   ,,,,,& lt; label 为=皀ame"比;   ,,,,,,名称:   ,,,,,& lt;/label>   ,,,,,& lt; input 类型=皌ext", id=皀ame", v模型=皀ame"比;   ,,,,,& lt; button  @click=疤砑?addOrUpdate)“,:禁用=皊ubFlag"在提交& lt;/button>   ,,,,& lt;/div>   ,,,& lt;/div>   ,,& lt;/div>   ,,& lt; div 类=皌otal"比;   ,,,& lt; span>图书总数:& lt;/span>   ,,,& lt; span> {{, totalNum }} & lt;/span>   ,,& lt;/div>   ,,& lt; table>   ,,,& lt; thead>   ,,,& lt; tr>   ,,,,& lt; th>编号& lt;/th>   ,,,,& lt; th>名称& lt;/th>   ,,,,& lt; th>时间& lt;/th>   ,,,,& lt; th>操作& lt;/th>   ,,,& lt;/tr>   ,,,& lt;/thead>   ,,,& lt; tbody>   ,,,& lt; tr  v=癰ook 拷贝books"比;   ,,,,& lt; td>, {{, book.id }}, & lt;/td>   ,,,,& lt; td>, {{, book.name }}, & lt;/td>   ,,,,& lt; td>, {{, book.date  |, date-format }}, & lt;/td>   ,,,,& lt; td>   ,,,,,& lt;”“@click a  href=https://www.yisu.com/zixun/7乐? " rel="外部nofollow”updateBook (book.id)”>修改    |