首先我们要知道axios不是vue里面的。axios是一个基于Promise的,发送http请求的一个工具库,并不是vue中的第三方插件,使用时不能通过“Vue.use()”安装插件,需要在原型上进行绑定。
axios异步跟jquery中ajax其实是一样的,功能相同,不过获取到数据以后渲染的难易程度不同让axios更加突出,jquery需要不停的操作dom元素进行渲染,而axios利用Vue进行渲染,其中的方便就大幅度展现出来了。
首先用Springboot实现一下简单的axios异步请求以及渲染。
点击事件触发,将获取的数据进行渲染。
{{name}}
这里在简单说一下,thymeleaf中的路径引用
【前端基础和框架使用|Vue的异步渲染axios】引入外部文件的写法。
推荐阅读
- 前端优秀开源项目|Vuestic UI - 免费开源的高质量 Vue3 UI 组件库,还内置了漂亮的 Vuestic Admin 后台框架
- java|程序员加班实用贴 | 每日趣闻
- 人工智能|复旦博士生写了130行代码,用OCR和正则表达式快速搞定核酸报告统计!
- java|复旦博士写了130行代码,2分钟解决繁琐核酸报告核查
- Java|springboot疫情防控核酸检测管理系统
- 项目|基于springboot的疫情社区管理系统---V1【数据接口异常未修复】
- Java|Java-Aspose实现Word文字替换(本地储存或浏览器下载)
- spring|基于springboot疫情防控管理系统源码和论文
- spring|springboot实现疫情防控核酸检测管理系统【源码和论文】