カテゴリー：Vue.js

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

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

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

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

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

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

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

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

イベントリスナーの登録・削除 ハンドラーをメソッドとして定義し、mounted もしくは、created で登録し、destroyed で削除する。 mounted: function () { document.add […]