## 終端執行： ``` 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> ~~~