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请求
相关推荐
李剑一8 分钟前
面试第一关!面试官:讲一下事件循环机制,宏&微任务,还有渲染时机
前端·面试
如果超人不会飞9 分钟前
TinyVue图标使用完全指南
vue.js
shuoshuohaohao11 分钟前
《CSS》
前端·css
西部荒野子12 分钟前
Zustand 状态管理规范:别让轻量状态变成隐形通知风暴
前端·javascript
之歆12 分钟前
Day03_ES6 深度解析与实战应用:运算符、Symbol、Class、集合与迭代协议
前端·ecmascript·es6
Carson带你学Android22 分钟前
Kotlin放大招!官方 Skills 直接喂出「专家级」代码
android·前端·kotlin
之歆23 分钟前
Day04_ES6完全指南:从入门到精通的现代化JavaScript开发
前端·javascript·es6
Coffeeee27 分钟前
一个kotlin的Smart cast导致的编译问题
android·前端·kotlin
CodeSheep34 分钟前
胡彦斌都开始苦修Vibe Coding,还上架App Store,都卷到编程来了吗?
前端·后端·程序员