Почему в шаблон не подгружаются данные
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<template v-for="post in posts">
<span>{{ post.title }}</span><br>
<span>{{ post.body }}</span>
</template>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script>
<script type="javascript">
var app = new Vue({
el: '#app',
data: {
posts: []
},
created: function() {
this.$http.get('https://jsonplaceholder.typicode.com/posts').then(
function (response) { // Success.
this.posts = response
},
function (response) { // Error.
console.log('An error occurred.');
}
);
}
})
</script>
</body>
</html>
