1.首先自己创建一个组件:
https://www.cnblogs.com/fps2tao/p/9559291.html
2.安装:axios(可以npm安装,也可以下载js引入文件)
npm install -g vue-cli
npm install axios -S
-D 等价于 --save-dev-S 等价于 --save
3.在组件(Hi)中引入axios,并使用axios进行请求 [get请求不同域,有跨域提示]
Hi~~{ {msg}}--{ {data}}
4.Hi组件引入都App组件中,最后展示
相关阅读: https://www.cnblogs.com/xuanan/p/7847233.html
参考:https://blog.csdn.net/it_cgq/article/details/78781422
参考:https://blog.csdn.net/sps900608/article/details/79599121
可以把axios设置一个全局变量,然后再调用
在main.js里面写
import axios from 'axios' // 1、在这里引入axios Vue.prototype.$axios = axios; // 2、在vue中使用axios
然后再组件的methods里面写事件直接使用:
post1:function(){ this.$axios.get('http://jsonplaceholder.typicode.com/users').then(function (response) { console.log(response); }); }