需要安装vue-resource模块
npm install vue-resource –savemain.js文件里引入和使用vue-resource
import VueResource from 'vue-resource'
Vue.use(VueResource)
3、 在组件中直接使用
<template>
<div id="list">
<button @click="requestBtn()">请求数据</button>
<ul>
<li v-for="item in list">{{item.catname}}</li>
</ul>
</div>
</template>
<script>
export default {
name: 'list',
data () {
return {
list:[]
}
},
methods: {
requestBtn:function(){
var url = "http://www.phonegap100.com/appapi.php?a=getPortalCate"
this.$http.get(url).then(res =>{
this.list = res.data.result
},res => {
})
}
}
}
</script>
<style lang="sass" scoped>
</style>