6.9总结

Vue生命周期

  • 生命周期:指一个对象从创建到销毁的整个过程
  • 生命周期的八个阶段:每触发一个生命周期事件,会自动执行一个生命周期的方法(钩子)
  • mounted:挂载完成,Vue初始化成功,HTML渲染成功(发送请求到服务端,加载数据)

Ajax

  • 概念:Asynchronous JavaScriptAnd XML,异步的JavaScript和XML。
  • 作用:
  1. 数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。
  2. 异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联想、用户名是否可用的校验等等。

同步和异步

原生Ajax

  1. 准备数据地址:http://yapi.smart-xwork.cn/mock/169327/emp/list
  2. 创建XMLHttpRequest对象:用于和服务器交换数据
  3. 向服务器发送请求
  4. 获取服务器响应数据

Axios

  • 引入Axios的js文件
  • 使用Axios发送请求,并获取响应结果

  • 请求别名方式

  • axios.get(url , config)
  • axios.delete(url , config)
  • axios.post(url , data\[, config])
  • axios.put(url , data\[, config])
  • 发送GET请求
  • 发送POST请求
相关推荐
颜进强7 小时前
17 · 自定义 Provider 四形态:useValue / useClass / useFactory / useExisting 到底在选什么
前端·后端·ai编程
传人once7 小时前
网页文字滚动效果如何做
前端·css·html·jquery·html5
liangshanbo12157 小时前
面试题:React 中 Lane 和 Scheduler 是怎么配合的?
前端·react.js·前端框架
liangshanbo12157 小时前
请求拦截器相关面试题
java·前端·javascript
ShawnLiaoking7 小时前
ADS305 Big Data Lecuture4 Web Scraping
大数据·前端
liangshanbo12157 小时前
React面试题:Hooks 为什么不能在分支和循环里面写?
前端·javascript·react.js
开开心心就好7 小时前
视频压缩工具推荐,绿色版免安装双击即用
java·前端·人工智能·spring·智能手机·intellij-idea·excel
西红柿炖牛腩3547 小时前
GLB 转 OBJ/PLY 后体积没变?3D 模型不减面变小靠什么
前端·javascript·3d
欣欣之王来了8 小时前
前端开发学习路线图:2026年Vue方向最新版
前端·学习·架构·项目·vue3教程
专业程序开发源8 小时前
springboot古城景区管理系统88564-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·php·课程设计