見積計算をする機能が欲しいと顧客に言われました。jQueryでいつもならやるんですけど、今回はブラウザ要件が緩かったので、流行りの技術を取り入れたいなということでVue.jsを使ってそれを作ることにしました。が、慣れるまで少し疲れたので、他の人が疲れなくて済むように、勘所を記事にまとめました。 ディレクティブ ディレク...

Vue.js使ってると、ちょっと重たい処理をやる時に、画面にvue.jsで書いた部分がそのまま出力されることがあります。この現象を「ちらつき」と呼ぶ人が多いので、似たような現象に対して、〇〇 ちらつきって検索かけるとヒットすることが多い気がします。 ちらつきってなに Fliker現象とも呼ぶようです。蛍光灯、水銀灯が激...

LaravelMixでやるVue.js。今日はフォームに入力した値をVue.jsに覚えさせるところまでやっていこうと思います。今まで、環境構築、ループ、イベント定義について書きました。気になる人は、過去記事見ていただくと分かりやすいと思われます。 Vue.jsのリアクティブ機能とは Vue.jsのリアクティブ機能とは、...

Vue.jsの事書き始めて3回目です。LaravelMix上でVue.jsを利用していますが、Vue.jsを読み込みさえしていれば、コードは利用できますので、LaravelMixじゃない人でも学習の参考になるはずです。ほんとは今日はフォームとのデータやり取りまでやりたかったのですが、頭で思ってるものを文字にすると、頭で...

LaravelMixで自分はVue.jsを使ってます。同じようにやりたい場合は、前回の記事を参考にしていただければスムーズに作業できると思います。HTML上にVue.jsを読み込んでる人は、import vue from 'vue'が必要ないので消してください。 Vue.jsのデータ定義 この表現が正しいのか正しくない...

どうもです。Vue.jsを仕事で使うことがあったので、覚えたことを記事にして行きたいと思います。というわけで、第1回目はLaravelMixでVue.jsを使う超簡単なサンプルを作って行きたいと思います。 この記事の対象者 Laravel6系のインストールが済んでいるNodeのインストールが済んでいるLaravelMi...