axios和vue-resource都是獲取數據用的

安裝

1. npm i axios --save

2. 哪里用哪里應用axios

?<scrip>

import Axios from 'axios';

export default{

3. 使用

import Axios from 'axios';export default{data(){return { list:[]}},methods:{getData(){var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';Axios.get(api).then((response)=>{this.list=response.data.result;}).catch((error)=>{console.log(error);})}},mounted(){ /*生命周期函數*/this.getData();}}</script>

?

1 <template> 2 <!-- 所有的內容要被根節點包含起來 --> 3 <div id="home"> 4 首頁組件 5 6 <button @click="getData()">請求數據</button> 7 <hr> 8 <br> 9 10 <ul> 11 <li v-for="item in list"> 12 13 {{item.title}} 14 </li> 15 </ul> 16 17 18 </div> 19 20 </template>

?

轉載于:https://www.cnblogs.com/sulanlan/p/9929655.html

總結

以上是生活随笔為你收集整理的安装axios的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。