前面我们学习了Vue的本地应用,但是现阶段本地应用已经很少了,一般的应用或多或少都会进行网络数据的交互。
所以我们这次学习Vue的网络应用,学习在Vue中怎样结合网络数据进行应用的开发(重点)。
首先我们需要学习一个网络请求库:axios ,学习通过axios来发送请求以及接受响应内容。
什么是axios?
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,是一款功能强大的网络请求库(个人认为axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样)。
Axios文档传送门:http://www.axios-js.com/zh-cn/docs/
用法:
(在网页中)首先需要引入cdn:
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
axios发送get请求的语法:
axios.get(地址).then(function(response){ },function(err){ }) //不带参数
axios.get(地址?key1=value1&key2=value2).then(function(response){ },function(err){ }) //带参数
axios发送post请求的语