Vue.js の router-link でイベントを付与できない

vue の router-link にクリックイベントを仕込もうとしたのですが、イベントが発生しませんでした。 <router-link to="/" @click="hoge" ></router-link> コンポーネントにイベントを付与しても、…

Contentful の設定(Vue.js)

ヘッドレスCMSの Contentful と Vue.js を用いて記事を取得するまでの流れです。この記事では Vue.js でやってますが、Nuxt.js の方が楽なのでおすすめです。どちらかというと、Contentful を使うまでの設定につい…

Vue の mapState を呼び出す

this.$store.state.PROPNAMEでストアのデータを呼び出せるが、長いので computed にまとめて呼び出すことが出来る。 mapState()がオブジェクトを返すので、直接 computed にぶちこむ computed: mapState( …

autoprefixer で display: grid が IE で崩れる

webpack の autoprefixer を使っていて、grid レイアウトが IE で潰れてしまい崩れが発生。IE への対応はされているはずなのでコンパイル後のコードを見てみると、 -ms-grid-rows: 20px 1fr; -ms-grid-columns:…

PHP で使用メモリを調べる

手っ取り早く調べるには、memory_get_usage()を使います。処理を挟むことでどれくらい使用したのかも分かりますね。 echo memory_get_usage(); ... 処理 ... echo memory_get_usage(); バイトの単位を変換…