axios和vue-resource都是獲取數(shù)據(jù)用的

安裝

1. npm i axios --save

2. 哪里用哪里應(yīng)用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(){ /*生命周期函數(shù)*/this.getData();}}</script>

?

1 <template> 2 <!-- 所有的內(nèi)容要被根節(jié)點(diǎn)包含起來(lái) --> 3 <div id="home"> 4 首頁(yè)組件 5 6 <button @click="getData()">請(qǐng)求數(shù)據(jù)</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>

?

轉(zhuǎn)載于:https://www.cnblogs.com/sulanlan/p/9929655.html

總結(jié)

以上是生活随笔為你收集整理的安装axios的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。