数据请求 mixin混入 computed计算属性 watch侦听属性

本文探讨了前端开发中的数据请求,包括原生的ajax和fetch,以及常用的axios与fetch的对比。此外,文章讲解了vue中的计算属性、watch和mixin的用法,强调了它们在处理响应式数据和逻辑时的角色。
摘要由CSDN通过智能技术生成

数据请求

数据请求在前端开发中的使用有两种形式

  1. 使用原生javascript提供的数据请求
  • ajax( 四部曲,一般需要我们结合Promise去封装,使用不是很便利,但是效率很高 )
  • fetch( 本身结合了Promise,并且已经做好了封装,可以直接使用 )
    • 使用格式:
  1. 使用别人封装好的第三方库
    目前最流行的,使用率最高的是 axios

vue中我们最常使用的

  1. vue 1.x 的版本提供了一个封装库 vue-resource , 但是到了vue 2.x版本之后,这个就弃用了
    vue-resource使用方法和 axios 相似度在 95%
    vue-resouce有jsonp方法,但是axios是没有的
  2. vue2.x版本我们最用使用的数据请求是 axios 和 fetch

数据请求的类型

get
post
head
put
delete
option

axios vs fetch

axios得到的结果会进行一层封装,而fetch会直接得到结果

举例:
axios

      {
   data: 3, status: 200, statusText: "OK", headers: {
   }, config: {
   },}
      config: {
   adapter: ƒ, transformRequest: 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值