Vue结合网络数据开发应用
1.axios 网络请求库,功能单一但强大,容量小。
Axios 是一个基于 promise 的 HTTP 库,可以发送get、post请求。
可以用于浏览器和node.js(既可以用于客户端也可以用于node.js编写的服务端)
1.导入请求库 <script scr="https://unpkg.com/axios/dist/axios.min.js"></script>
axios.get(地址).then(function(response){},function(err){}) //get(地址?key=value&key1=value2...)
axios.post(地址,参数对象).then(function(response){},function(err){}) //post(地址,{key=value&key1=value2...})
2.常用请求方法:
get:(一般用于)获取数据
post:提交数据(表单提交+文件上传)
put:更新(或编辑)数据(所有数据推送到后端(或服务端))
patch:更新数据(只将修改的数据推送到后端)
delete:删除数据
axios和vue结合使用时需要注意
axios回调函数后this已经改变,无法用this来访问data中的元素。可将this提前保存,回调函数中调用保存的data即可。