Category: Vue.js

カスタムデータ属性を取得する カスタムデータ属性を持つ要素に ref 属性を付与してコンポーネント内で参照できるようにする。 <div data-user-name=”john123″ ref=”currentUs […]

keep-alive 動的なコンポーネントが非アクティブからアクティブに切り替わった場合、通常コンポーネントは再生成されます。keep-alive の内のコンポーネントは、コンポーネントの動作が変更され、非アクティブにな […]

created と mounted の違い props にデータを設定するだけの場合は、created を使う DOM を構築してる間にも、HTTP の通信を行えるから DOM がでかいと、Edge だと、mounted […]

リサイズイベントを扱う方法 (resize) 参考： Vue.js で リサイズイベントを使ってウィンドウサイズを取得した時のメモ | WEBMAN VueコンポーネントでWindowサイズ変更検知＆値取得 &#8211 […]

配列の操作 参考： Vue.js は気難しい 配列編 – Qiita よくある初心者の落とし穴 | Vue.js [公式] 配列の変化を検出 | Vue.js [公式] 配列の変更 配列の変更が検出されるメソ […]

ランタイムオンリービルドの使い方 (runtime) ランタイムオンリービルドが使えるケース 実行時にテンプレートのコンパイルが必要ない場合 テンプレートの代わりに render 関数を提供している 単一コンポーネントフ […]

axios を使って AJAX を行う方法 参考： axios を利用した API の使用 | Vue.js [公式] axios/axios: Promise based HTTP client for the bro […]

ストア情報を永続化する 参考： ストア情報を永続化対応する方法 – 零弐壱蜂 リロードしてもStateの中身を消さずに維持する方法 | Pizzamanz.net vuex-persistedstate 参考 […]

ディレクトリ構成 参考： Vuex | アプリケーションの構造 [Official] Vuex | Application Structure [Official]