cakephpでvue.jsを使用する方法

経緯

vue.jsを使用してみたい!

vue.jsを使用するには直接組み込み、NPM、CLIという方法があるみたい。

cakephpで使うには、ただ画面の操作ができたらよいので直接組み込みを行うことにしました。

jqueryとかで直接組み込みはわかるけどNPM、CLIについては・・・・・あとで勉強したら追記します。

手順

vue.jsの配置

➡vue.jsインストール

上記のサイトより「直接組み込み」の開発バージョンをダウンロード。

ダウンロードしたファイルをcakephpの

app>webroot>js

に置いておく。

vue.jsの読み込み

各テンプレートファイルで使用できるように、

app>src>Template>Layout>default.ctp

のhead内に下記のコードを追加。

これでvue.jsを各テンプレートで読み込むことができるので、あとはチュートリアル等を動かして遊んでみてください。

参考サイト

➡vue.js公式サイト