首页 > 其他分享 >vue第八课:axios库的使用

vue第八课:axios库的使用

时间:2023-04-06 16:34:28浏览次数:44  
标签:function axios err get joke 第八课 vue response

axios功能强大的网络请求库。

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

基础使用:

axios.get(地址?key=value&key2=values).then(function(response){},function(err){})

axios.get(地址,{key:value,key2:value2}).then(function(response){},function(err){})
<div id='app'>
 <input type="button" value="get请求" @click="getdata">
 <p>
{{joke}}
 </p>
 <input type="button" value="POST请求" @class="post">
  </div>
  <script>
  var app =new Vue({
    el:"#app",
    data:{
      joke:"数据",
    },
    methods: {

      getdata:function(){

        var that=this;
        axios.get("https://v2.jinrishici.com/info").then(function(response) {
          that.joke=response.data.beijingTime
        },function(err){})
      },
    },


  })
  </script>

 

标签:function,axios,err,get,joke,第八课,vue,response
From: https://www.cnblogs.com/superip/p/17292769.html

相关文章

  • vue3中 toRefs和 toRef 的区别
    toRefs是为了避免对一个响应式对象解构的时候,解构后的每个属性不具有响应性toRef是为了针对单独获取某个对象的属性的时候保持响应性,从而单独对某个对象的属性进行响应式转化针对reactive或者ref创建的响应式对象都可以使用这两个api进行转化注意:toRefs只能对第一层......
  • vue3中路由错误自动跳转404页面 路由表写法
    定义路由表import{createRouter,createWebHashHistory}from"vue-router";constroutes=[ { path:"/", name:"home", component:Home, },//... { path:"/404", name:"404", component:()=&......
  • vue 手写分页
       data:{        crossing_status:CROSSING_STATUS,        crossing_list:[],        time:null,        log:{          page:1,          pages:......
  • Vue3.0学习(一)------Vue简单介绍
    什么是Vue?官方原文:Vue是一款用于构建用户界面的JavaScript框架。它基于标准的HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。简单来说,Vue就是一个构建用户界面的前端框架Vue的两个核心功能声明式渲染Vue基于标准HTML扩展了一......
  • vue里浏览器返回键如何禁用
    1mounted(){23//禁用浏览器返回键45history.pushState(null,null,document.URL);67window.addEventListener('popstate',this.disableBrowserBack);89},1011destroyed(){1213//清除popstate事件否则会影响到其他页面......
  • vue里cdn引入改为本地js文件引用
     问题vue项目cdn引用会出现网络加载不了问题 vue项目cdn引用  改为本地public/index.html引入首先把cdn的链接复制在浏览器里打开或直接下载下来把js文件放到public文件夹下面  在index.html里引入,注意生产环境才加载出来 ......
  • vue第七课:记事本实例
    功能需求:新增生成列表结构获取用户输入回车,新增数据  删除点击删除指定内容(v-onsplice)  splice(index,1) 删除1个对应的索引统计v-text,length  清空数组清空  隐藏没有数据时,隐藏元素(v-if,v-show数组非空)  <divid='app'><inpu......
  • 2023.04.06 - 使用mixin动态混入,对vue组件中的数据做兼容经验总结(xp)
    业务场景:在一个高拍仪的硬件设备中,厂家给了两套不同的API,分别支持winXP和winXP以上版本的系统,而这两套API的实现方式截然不同,一套使用的是http通信,一套是使用scoket通信,方法的调用自然也是不同。我需要在同一组件兼容这两套代码。这种需求下很明显,我除了修改组件里的函数方法,......
  • 直播商城源码,vue 弹窗 惯性滚动 加速滚动
    直播商城源码,vue弹窗惯性滚动加速滚动弹窗基础组件新建文件components/zwy-popup <template><divv-show="ishide"@touchmove.stop.prevent><!--遮罩--><divclass="mask":style="maskStyle"></div><!--内容--><divcl......
  • Vue进阶(四十五):精解 ES6 Promise 用法
    一、前言复杂难懂概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么呢?是类?对象?数组?函数?别猜了,console.dir(Promise)直接打印出来看看。这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有th......