1.安装vue-resource。未安装的可以进入vue项目后
npm install --save vue-resource
安装成功后,可以打开项目的package.json
文件查看所有的配置文件,其中就有vue-resource
的版本信息
2.引入。
使用首先要引入,打开main.js
,输入
import Resource from 'vue-resource'
Vue.use(Resource)
ok,这就引入成功,就可以在组件中写代码使用。
3.使用
打开home.vue
文件,在<script></script>
中输入
export default {
data () {
return {
}
},
component:{
//注册组件
},
mounted:function(){
//生命周期
this.$http.get('http://cangdu.org:8001/v1/cities?type=group').then(response => {
console.log(response);
}, response => {
console.log(response);
});
},
computed:{
//计算属性
},
methods:{
//函数
}
}
return
中用来写需要用到的变量。