Одностраничный Wordpress REST JSON API Post с vue js на laravel

Question

Привет, ребята, поэтому я хочу показать одну страницу с постом WordPress, используя wp rest api с vue js на laravel.Когда я использую только с vue js, а не с laravel, он работает гладко, я могу получить список сообщений с этим кодом

export default {
created(){
    axios.get('http://localhost/newlara/main/public/wp/wp-json/wp/v2/posts?categories=7')
    .then(response => {
        //console.log(response);
        this.posts = response.data
    })
},
data(){
    return{
        posts: []
    }
},
 methods: {
    stripTags(html) {
        return sanitizeHtml(html, {
            allowedTags: []
        }).substring(0, html.indexOf('…'))
    }
}
};

, но сейчас я путаю код с одной страницей на нем, я ужепопробуйте этот код, но он не работает, нет ошибок, но он ничего не дает

var singlePost = Vue.extend({
 template: '#single-post-template',

 route:{
     data: function(){
         this.$http.get('/wp-json/wp/v2/posts/' + this.$route.params.postID, function(post){
             this.$set('post', post);
         })
     }
 }
});  
 var router = new VueRouter();

 router.map({
     '/':{
         component: postList
     },
     'post/:postID':{
         name:'post',
         component: singlePost
     }
 });

, но он ничего не дает, когда я вызываю его на моем href с этим кодом в моем .vue

<a v-link="{name:'post', params:{postID: post[0].id }}" class="btn-read-more">Read more</a>

это работает так хорошо, когда я использую vue js только не с laravel, я путаю с этим laravel.Я думаю, это потому, что я использую маршрутизатор Vue, я все еще понимаю, как его использовать, когда я использую маршрут laravel