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 関数を提供している 単一コンポーネントフ […]

Vue.js で setTimeout を使う方法 アロー関数を使う setTimeout(() => { this.hoge = true }, 2000) this をクロージャー変数に置き換える const […]

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

$refs 参考： 子コンポーネントインスタンスと子要素へのアクセス | Vue.js [公式] そうか、要素に触るなら $refs と mounted を組み合わせれば良いのか。| Ginpen.com vm.$ref […]