タイトル: vue.jsとの連携
SEOタイトル: 【Laravel】vue.jsとの連携
※記載途中
nodeのインストール
Laravelプロジェクト直下で以下のコマンドを実行する。
|
npm install |
Vue.js関連のjsの読み込み
Vue.js関連の記述があるapp.jsを読み込む。
|
<script src="{{ asset('js/app.js') }}"></script> |
id="app" の追加
Vue.jsに必要なapp idをbodyタグ直下に追加する。（デフォルトでレイアウトに定義されているはず）
|
<body> <div id="app"> </body> |
vue-routerのインストール
SPA(Single Page Application)を作成する場合はvue-routerをインストールする。
|
npm install vue-router |
開発サーバーの起動
以下の２つコマンドが必要。
別窓のコマンドラインを開いて同時に実行させておく。
|
php artisan serve npm run hot |