WordPress構築でVue.jsを使ってSPAを作りたい

Question

前提・実現したいこと

WordPress構築でVue.jsを使ってSPAを導入したいです。

発生している問題・エラーメッセージ

Vue.js単体でSPAを導入する場合、一つのhtmlファイルにコンポーネントを複数作って切り替えると思うのですが、WordPressの場合テンプレート(archive.phpやSingle.php)に分けるので、その場合どのようにして組めばいいのか助言いただけないでしょうか?

Answer 1

特にテンプレートシステムを使用するのではなく WP REST API を利用してバックエンドのみ WordPress を利用するのはいかがでしょう。

【WP REST API v2 Documentation】
https://ja.wp-api.org/

Comments

[seisei]

ご回答ありがとうございます。
バックエンドのみWordPressということは、カスタムテンプレートフィールドなどで情報を入力し、WP REST APIでjsonデータからカスタム投稿の情報などを取得し、Vueで表示するという解釈であってますでしょうか??

[kei344]

「カスタムテンプレートフィールド」は何かのプラグインでしょうか、不勉強なのでわかりません。
作ろうとされているSPAがどういう内容かがわからないので、構成についてはわかりません。少なくとも、テンプレートを使って処理するほうが WP REST API を利用するより多くの労力がかかると思います。（SPAは1枚のページを書き換えていくので、書き換えに使うデータをテンプレートを経由するほうが無駄がおおいし考えることも多い）