问题遇到的现象和发生背景
学习vue-resource的过程中,使用get请求来体验ajax的过程,但是运行在页面上以后出现了报错。
问题相关代码,请勿粘贴截图
<body>
<div id="app">
<input type="button" value="get请求" @click="getInfo">
</div>
<!--导入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!--vue-resource依赖于vue,导包的时候要注意先后顺序-->
<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.3"></script>
<script>
var vm = new Vue({
el: "#app",
data: {},
methods: {
getInfo() {
// 当发起get请求之后,通过.then来设置成功的回调函数
this.$http.get('http://vue.studyit.io/api/getlunbo').then(function(result){
console.log(result);
});
}
}
});
</script>
</body>