## 终端执行： ``` npm install axios ``` 第二步： src/main.js ## main.js文件里 ~~~ import Axios from 'axios' //引入axios Vue.prototype.axios=Axios //绑定axios ~~~  ~~~ import Vue from 'vue' import App from './App.vue' import Axios from 'axios' Vue.prototype.axios=Axios Vue.config.productionTip = false new Vue({ //渲染节点 render: h => h(App), //挂载函数 }).$mount('#app') ~~~ # 以上步骤为安装成功后 ## 下面代码为使用案例： this.axios.get ~~~ <template> <ul class="lan-list"> <!--eslint-disable-next-line--> <li v-for="v in nav_list">{{v}}</li> </ul> </template> <script> export default { created:function (){ //创建一个钩子函数 this.axios.get('http://127.0.0.1/index.php').then(res=>{ //使用axios的语法 this.nav_list=res.data }) }, data:function (){ return{ nav_list:[] //建一个空数组 } } } </script> <style scoped> </style> ~~~