介绍
使用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)”>修改> | 删除> 道明> tbody> 表>