VUE速学（三）网络应用

vue结合网络数据开发应用，与本地应用最大的区别即改变了数据的额来源

一、axios 网络请求库

• axios使用要先导入

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

• 语法：

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

• 使用get（获取）或post（传送）方法即可发送对应请求
• then中的回调函数会在请求成功（第一个）或失败时出发（第二个）

例：

 

 

二、axios + vue 结合

• axios回调函数中的this会改变，无法访问其中打他啊的数据
• 可在方法里保存this（var that = this），回调函数中使用保存的this即可

例

三、