JavaScript 【Vue.js】CLIを使う
CLIを使うメリット大規模アプリケーションの開発に用いられるファイルの分割ができる最終的に公開するコードをminファイル化してくれる（軽量化）プラグインの追加が簡単になるHMR（HTMLを変更した時に...
JavaScript
JavaScript JavaScript 【Vue.js】インスタンスについてのメモ
Vueインスタンスは複数作成可能Vueインスタンスは複数作成する事が可能。但し、複雑化することからインスタンスはひとつにまとめることが望ましい。他のVueインスタンスからアクセスする方法Vueインスタ...
JavaScript 【Vue.js】v- ディレクティブまとめ④～リストレンダリング～
前回までの記事はこちら↓条件分岐ディレクティブ（下記２記事）その他のディレクティブv-for配列に基づいて描画する。配列をそのままリスト表示dataで指定した配列に基づいてList表示させる方法。v-...
JavaScript 【Vue.js】v- ディレクティブまとめ③～条件分岐補足～
前回のv-から始まるディレクティブまとめはこちら↓※前回はif等の条件分岐についてでした。その他のv-ディレクティブについてまとめた記事はこちら↓v-show切り替えをしたい時につかうディレクティブ。...
JavaScript 【Vue.js】v- ディレクティブまとめ②～条件付きレンダリング～
v-から始まるディレクティブのまとめ記事はこちら↓v-ifif文。条件がtrueもしくはfalseの時に実行される。falseの時に表示したい場合、textをfalseに変更して、v-ifディレクティ...
JavaScript 【Vue.js】computedとmethodの違い
computedとmethodは同じ描画をしてくれますが、下記違いがあります。この違いが公式ページでも書かれていますので、リンクを貼ります。 >vue.js公式ページcomputed依存関係が更新され...
JavaScript 【Vue.js】v-ディレクティブまとめ
Vue特有のv-から始まるディレクティブをまとめてみました。＜環境＞Vue.js v2v-textdataの文字列表示。{{}}と同じ意味を持ち、同じ使い方をする。v-once一度だけ表示させたい時に...
JavaScript 【Vue.js】v-onでイベントをハンドリングしてみる
前回の記事はこちら↓今回やりたい事「ボタンをクリックしたら、表示するテキストを変更する。」を実装します。前回作成したコードにイベントを追加していきます。前回のコードはこちら↓HTMLにボタンを追加前回...
JavaScript 【Vue.js】を使ってHelloWorld
javascriptもままならないままですが、Vueに手を出し始めました。しばらくはVueの記事ばかりになると思います。今回は、Vueを読み込んでHelloWorldを表示したいと思います。環境エディ...
JavaScript 子要素のdivがfocusされたら親要素のheaderのstyleを変更する→【修正】cssでも解決できました
やりたい事headerの子要素にあるdivがfocusされたら、親要素headerのheightを変更する。cssにfocus-withinがありますが、これだと子孫要素にfocusされた場合は有効で...