Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA アプリケーションのチュートリアル 3/4 - Qiita
Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA アプリケーションのチュートリアル 3/4JavaScriptLaravelJWTSPAVue.js 目次 四部作です。 はじめに Todoアプリ作成編 / サーバーサイド Todoアプリ作成編 / フロントエンド ← 今ここ JWTAuthでログイン編 今回は、Vue.jsを使ってSPAを作っていきます。 これまでに作成したREST APIに問い合わせて、画面を更新します。 JS初心者なので、おかしいところとかベストじゃないところが多々あると思いますので ご指摘頂けたら嬉しいです！ なお、ユニットテストはまだ作ってません・・・ Vue インスタンスについて Vue.js はコンポーネント志向なので、 Template Script Style がひとまとまりになった .vue という拡張子のコ
Laravel(blade template)でvue.jsのmustache記法を使用する - Qiita
laravelアプリケーションを作成する際、viewにはblade templateが使用されています。bladeでのdataの出力では"{{}}"が使用されており、bladeテンプレート内で普通にmustache記法を使用すると競合してしまい、ErrorExceptionになるか、予測していない情報が表示されたりしてしまいます。ということで2つ対応方法をご紹介。 vue.jsのmustache記法に使用する記号を変更する（"{{}}"を別の記号にする） vue.jsドキュメントGlobal APIのVue.configに"delimiters" という設定があります。 { // print stack trace for warnings? debug: true, // attribute prefix for directives prefix: 'v-', // interpola
Laravel 5.4 + Vue 2.1 でSPAアプリケーション作成チュートリアル - Qiita
何となく Laravel ＋ Vue.js の使い方が分かってきた。 自分の頭の整理を兼ねて、書き残しておく。 ※ 追記 2019/02/26 現在では Laravel も Vue も若干古いバージョンですが、基本的な考え方は同じなので、参考になれば幸いです。 処理の流れ ブラウザ → Laravel: SPAのViewをリクエスト（初回のみ） ブラウザ: Vue を初期化、View （仮想DOM） を描画 Vue → Laravel: XHRでデータをリクエスト Vue → ブラウザ: クライアントサイドでのルーティング Laravel の役割 Webサーバー。起点となるSPAのViewを初回だけ返す。 APIサーバー。サーバーサイドでデータを処理し、JSONを返す。 Vue の役割 Viewの描画。変数のバインド、繰り返し、イベント検知など。 Router。 vue-router を使
レガシー管理ページをちょっと動的にするためだけのVue.jsとPHP - Qiita
こんにちは！ 片手間JSerの者です！ レガシーPHPの方から来ました！ みんなPHPで動的な管理画面とか作りたいじゃないですか。私などは怠惰ななまけものですので、動的なページ、特にブラウザ側での動きがあるページを作るのはだるいなあ、とか思ってしまふわけですよ。 きちんと設計したアプリケーションも良いものなのですが、水は低きに流れると申しまして、Vue.jsは雑に動くコードを異常に簡単に書くこともできます。 PHPだけで片手間 スゴイ雑に、こんなページを作ってみます。これは、何かの商品の一覧と説明文を登録する画面ってことにします。 このコードの思想としては、一個づつ追加して保存すると最後に空欄ができるのでJavaScriptがなくてもコンテンツを追加するアプリケーションが実現できる！！！ って感じです。 ソースコード: https://github.com/zonuexe/katatema
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
