使用vue框架 Ajax获取数据列表并用BootStrap显示出来

前端之家收集整理的这篇文章主要介绍了使用vue框架 Ajax获取数据列表并用BootStrap显示出来前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近在搞毕业设计想趁机学学前端知识,于是就应用了目前比较流行的vue框架来进行数据显示,使用BootStrap进行简单的样式编写

1.第一步肯定是包的导入了

目前对node.js还不是很了解,所以包都是手动下载导入的,没有用到那个nmp

vue.min.js是vue的主包,vue-resource.js是开源的vue Ajax包,对ajax进行了封装

bootstrap既就是样式的相关css和js了

-3.界面列表显示

table的class使用bootstrap样式,其他样式可见菜鸟教程

table标签tr开始遍历libraryInfo数据,语法为value in libraryInfo简单易懂

借阅书籍列表 书籍编号 书名 管理人员 借阅时期 归还时间

最后结果如下:

最后结果显示

以上所述是小编给大家介绍的使用vue框架 Ajax获取数据列表并用BootStrap显示出来。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/ajax/39752.html

猜你在找的Ajax相关文章