上海自助建站官网,盘锦网站开发公司,小程序登录不了怎么办,建筑网校排名前十大品牌相对于原生的阿贾克斯#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
