Vue JS не SEO дружелюбный
Я пытаюсь использовать Vue JS. У меня есть эти компоненты с именем Home, где я пытаюсь отобразить список сообщений из API WordPress.
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<div v-for='post in posts'>
{{ post.title.cleared }}
</div>
</div>
</template>
<script>
export default {
name: 'Home',
data () {
return {
msg: 'Welcome to Mik Vue.js App',
posts: []
}
},
methods: {
},
created: function(){
this.$http.get('wp/v2/posts?per_page=6').then(response => {
this.posts=response.data;
console.log(this.posts);
}, error => {
alert("shit");
});
}
}
</script>
Я понимаю, что это работает правильно. Но если я посмотрю "Источник страницы", это результат
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>VueJS-Project</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
<script type="text/javascript" src="/app.js"></script></body>
</html>
Как я могу отобразить этот список и увидеть его на странице источника? Есть ли способ сделать это без использования PHP? Я хочу также добавить метаинформацию.
благодарю вас