axios入门笔记

<div id="vue">
    <div>{{info.name}}</div>
    <div>{{info.address.street}}</div>
    <div>{{info.address.city}}</div>
    <div>{{info.address.country}}</div>
</div>

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<script type="text/javascript">
var vm = new Vue({
    el:"#vue",
    data(){
        return{
            //请求饿返回参数合适，必须喝json字符串一样
            info:{
                name:null,
                address:{
                    street:null,
                    city:null,
                    country:null
                }
            }
        }
    },
    //data属性之前那个是，现在这个是方法可以接收一切
    mounted(){  //钩子函数  链式编程   Es6特性
        axios.get('../data.json').then(Response=>(this.info=Response.data))
    }
})
</script>