cakephpでvue.jsを使用する方法
経緯
vue.jsを使用してみたい！
vue.jsを使用するには直接組み込み、NPM、CLIという方法があるみたい。
cakephpで使うには、ただ画面の操作ができたらよいので直接組み込みを行うことにしました。
jqueryとかで直接組み込みはわかるけどNPM、CLIについては・・・・・あとで勉強したら追記します。
手順
vue.jsの配置
上記のサイトより「直接組み込み」の開発バージョンをダウンロード。
ダウンロードしたファイルをcakephpの
app>webroot>js
に置いておく。
vue.jsの読み込み
各テンプレートファイルで使用できるように、
app>src>Template>Layout>default.ctp
のhead内に下記のコードを追加。
|
1 |
<?= $this->Html->script('/js/vue.js') ?> |
これでvue.jsを各テンプレートで読み込むことができるので、あとはチュートリアル等を動かして遊んでみてください。