【发布时间】：2016-11-20 06:24:40
【问题描述】：
我已经用谷歌搜索并搜索了这个错误的解决方案，但我看不到我收到的确切消息的解决方案。我还是现代 javaScript 的新手，所以请放轻松，如果这是一个不好的问题，我深表歉意。
我正在关注this 视频教程系列，我正在尝试利用 Vue-resource.js 的 AJAX 功能从数据库中获取数据。当我加载我的页面以通过 Vue 资源获取 JSON 时，我在加载视图时收到上述错误消息。同样，我对 JavaScript 还是很陌生，所以如果答案对你来说很明显，我很抱歉。
这是我的看法：
@extends('app')
@section('content')
<h1>Recent Games</h1>
<div class="container">
<games></games>
</div>
</ul>
<template id="games-template">
<ul class="list-group">
<li class="list-group-item" v-for="game in list">
@{{ game.winner_id }}
<strong @click="delete(game)">X</strong>
</li>
</template>
<script src="https://vuejs.org/js/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/0.9.3/vue-resource.common.js"></script>
<script src="games.js"></script>
@endsection
这是我的 games.js 文件：
Vue.component('games', {
template: '#games-template',
data: function () {
return {
list: []
};
},
created: function () {
this.$http.get('api/games', function () {
console.log(games);
});
},
methods: {
delete: function (game) {
this.list.$remove(game)
}
}
});
new Vue({
el: 'body'
});
我还是 JavaScript 新手，所以如果答案对你们来说很明显，我很抱歉。我环顾四周，没有找到我能理解的信息。 （我还没有上过关于 Laracasts 的 Browiserify 课程）。提前致谢。
【问题讨论】：
标签： javascript jquery ajax vue.js