<!-- axios依赖包 -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!-- vue依赖包 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
特别注意:
在访问vue中的data数据时:
在axios回调函数中的this已经改变,无法访问到data中的数据;
把this保存起来,在回调函数中直接使用保存的this即可,如下:
methods:{
getJoke:function(){
//console.log(this.joke)
//follow is important
var that = this;
axios.get("https://autumnfish.cn/api/joke").then(
function(response){
// console.log(response)
//在methods中访问data中的数据时要使用this前缀
//此时使用that.joke即可访问到vue中的joke
console.log(that.joke = response.data)
},
function(err){
console.log("获取信息出错")
})
}
}