tohokuaikiのチラシの裏

技術的ネタとか。

Vuejs

Vueのslotの感覚が良くわからないから図にしてみた

slot…Vue2をやってた時に、なんかわかりにくいなぁ…とずっと思ってました。 で、Reactやってから見てみたら「あ、これComponentのchildrenなんだわ」ってわかってスゲー腑に落ちた。 ただ、Vueの場合はそのchildrenの要素に名前を付けられるのが便利といえば…

Laravelのview(bladeテンプレート)からVue.jsにグローバルパラメータを渡したい時など

最初、 <router-view app_name="{{ config('app.name') }}"></router-view> とかしてたけど、こんなの逐一やってらんねー。 検索したけどあんまり見つからない…ajaxで渡せとかそんな面倒なこと… ということで、「ぼくのかんがえるさいきょうのLaravelからVueへの変数の渡し方」 Laravel 側 Controllerで変数を渡す config('a…

Vue + Laravelでサブディレクトリに展開する際にやったこと。

Laravel Apacheのhttpd.confにてバーチャルホスト設定にAliasを書く <VirtualHost *:80> ServerAdmin webmaster@localhost ServerName www.example.com DocumentRoot /home/vagrant/htdocs Alias /subdirectory_name "/home/vagrant/laravelapp/public" <Directory "/home/vagrant/laravelapp/public"> Options FollowSymLinks</directory></virtualhost>…

VueのAjax通信の前後で共通のLoaderを入れる

ajaxの前後でLoading画面を出すやつです。 なんか、スゲー探してようやく見つけた…。 最初、Vuexを使わないようにしてたら全然できなくて、Vuexを使ったら30分でできて時間返してって感じだった。Vuexは恐れずに使え。 main.js import Vue from 'vue'; impor…

Vuejsの共通関数の設置

utility.jsとかにして全体で使いたい場合ありますよね。methodsに突っ込みます。 mixin用のファイル作成 my_vue_mixin.js export default{ methods: { aaa(){ console.log('123'); } } } Vueに仕込む app.js import Vue from 'vue'; import myVueMixin from …