看程序学Vue.js 14- AXIOS.JS 教程实例

步骤 1 : axios.js
一般说来 Vue 不会直接使用原生的 Ajax 而是使用 ajax 框架。 而 axios.js 就是眼下比较流行的一种 ajax 框架
步骤 2 : 准备 json数据
json 数据很简单，然后我把他放在：http://how2j.cn/study/json.txt 方便调用
{“name”:“gareen”,“hp”:“355”}
步骤 3 : 通过 axions 获取数据

<script src="http://how2j.cn/study/axios.min.js"></script>
  
<div id="hero">
  
</div>
  
<script>
var url = "http://how2j.cn/study/json.txt"
    axios.get(url).then(function(response) {
        var jsonObject = response.data;
        var jsonString = JSON.stringify(jsonObject)
        document.getElementById("hero").innerHTML = "通过 axios 获取到的json数据："+ jsonString;
    })
  
</script>