Vue笔记整理，让你快速入门Vue.js：04_3.网络应用：axios加vue

上一节我们介绍了axios的基本使用，相比于原生的ajax，它提供的方法用起来会更加的简便，那网络数据其实现在已经可以顺利获取到了，那么它如何和Vue一起使用呢？我们这一节就来介绍axios加vue，它们在一起如何使用以及需要注意什么。

网络应用的核心就是data里面定义的数据，一部分是通过网络获取到的，所以我们在方法中发送网络请求，在响应回来之后，把服务器返回的数据，设置给data中对应的值就可以了。代码大概是这样，如下图：

我们可以看到在Vue实例的方法中，可以通过this访问到定义在data中的数据，但是在获取网络数据之后，回调函数中的this，还是之前那个吗？如果这个this不在是之前那个，我们要怎么办呢？为了测试，我们特意准备了一个获取随机笑话的接口，请求的方式是get方式，不需要传递参数，响应内容是一条随机的笑话

更新中。。。。