Vue.js Parse.js 함께 쓰고 싶은 마음

하아... 컴맹이라 별짓하고 있습니다.

Parse Server로부터 데이터를 여러개 가져옵니다.

var Post = Parse.Object.extend("Post");
//var blogs = new Post();
var query = new Parse.Query(Post);
query.limit(10);
query.descending("createdAt");
query.find({
success: querySuccess,
error: queryFailure
});

function querySuccess(posts){
$.each(posts, function(index, value){
console.log(value.createdAt);
console.log(value.get("title"));
});
}

이렇게 접근이 가능한데, Parse Object는 createdAt은 바로 접근이 되는데, 다른 컬럼은 get()을 써야합니다.
그래서, Vue.js에 쓸 때,

var example2 = new Vue({
el: '#example-2',
data: {
items: posts
}
})
라고 하고,

<template v-for="item in items">
<div class="blog-post">
<h2 class="blog-post-title">{{ item.title }}</h2>
<p class="blog-post-meta">{{ item.createdAt }} by <a href="#">imyaman</a></p>
<span>{{ item.content }} {{ item.objectId }}</span>
</div><!-- /.blog-post -->
</template>

이렇게 하면, item.createdAt 만 정상적으로 표시되고, item.title은 정상적으로 표시되지 않습니다.
Vue.js에 쓰기 위해 object array를 다시 만들어보았습니다.

$.each(posts, function(index, value){
str = str + '{"title" : "' + value.get('title') + '"}';
if(index+1 != posts.length){ str=str+','; }
});
str = '[' + str + ']';

postObjects=JSON.parse(str);

var example2 = new Vue({
el: '#example-2',
data: {
items: postObjects
}
})

이렇게 하면 템플릿에서 item.title을 쓸 수 있긴한데, 과연 이게 바른 방법인가... 고민되네요.
http://blog.sys5.co/renew/index.html 파일에서 실험해보고 있습니다.