湖南省交通建设质监局网站,学校网站建设开,大学制作网站怎么做,国家重点项目建设库网站相对于原生的阿贾克斯#xff0c;axios提供的方法使用起来会更加的简便#xff0c;之前网络数据获取到了#xff0c;如何和vue一起使用呢#xff1f;
网络应用的核心就是data中的数据一部分是通过网络获取到的。所以在方法当中发起网络请求#xff0c;在响应回来之后将服…相对于原生的阿贾克斯axios提供的方法使用起来会更加的简便之前网络数据获取到了如何和vue一起使用呢
网络应用的核心就是data中的数据一部分是通过网络获取到的。所以在方法当中发起网络请求在响应回来之后将服务器返回的数据设置给data当中对应的值就行了
返回的对象是response里面有很多的属性我们需要拿到的是data的属性。
在axios外面和里面this会发生变化很简单那么就将this存储起来。
!DOCTYPE html
html
headmeta charsetUTF-8title首页/titlelink href typetext/css relstylesheet/script srchttps://cdn.jsdelivr.net/npm/vue2/dist/vue.js/scriptscript srchttps://unpkg.com/axios/dist/axios.min.js/scriptstyle typetext/css/style
/headbody div idvuebutton typebutton clickgetjokemsg()get请求/buttonp{{ jokemsg }}/p/divscript typetext/javascriptnew Vue({ el: #vue, data:{ jokemsg: 很好笑的笑话},methods:{getjokemsg:function(){var that this;axios.get(https://autumnfish.cn/api/joke).then(function(response){console.log(response.data);that.jokemsg response.data;},function(err){console.log(err)})}, }}
)/script/body/html
