カスタムデータ属性を取得する カスタムデータ属性を持つ要素に ref 属性を付与してコンポーネント内で参照できるようにする。 <div data-user-name=”john123″ ref=”currentUs […]
Category: Vue.js
keep-alive [Vue.js]
keep-alive 動的なコンポーネントが非アクティブからアクティブに切り替わった場合、通常コンポーネントは再生成されます。keep-alive の内のコンポーネントは、コンポーネントの動作が変更され、非アクティブにな […]
created と mounted の違い [Vue.js]
created と mounted の違い props にデータを設定するだけの場合は、created を使う DOM を構築してる間にも、HTTP の通信を行えるから DOM がでかいと、Edge だと、mounted […]
リサイズイベントを扱う方法 (resize) [Vue.js]
リサイズイベントを扱う方法 (resize) 参考: Vue.js で リサイズイベントを使ってウィンドウサイズを取得した時のメモ | WEBMAN VueコンポーネントでWindowサイズ変更検知&値取得 – […]
配列の操作 [Vue.js]
配列の操作 参考: Vue.js は気難しい 配列編 – Qiita よくある初心者の落とし穴 | Vue.js [公式] 配列の変化を検出 | Vue.js [公式] 配列の変更 配列の変更が検出されるメソ […]
ランタイムオンリービルドの使い方 (runtime) [Vue.js]
ランタイムオンリービルドの使い方 (runtime) ランタイムオンリービルドが使えるケース 実行時にテンプレートのコンパイルが必要ない場合 テンプレートの代わりに render 関数を提供している 単一コンポーネントフ […]
Ruby on Rails で Vue.js を使う方法 [Rails]
Ruby on Rails で Vue.js を使う方法 参考: Vue.js と Rails で TODO アプリのチュートリアルみたいなものを作ってみた – Qiita Vue.js と Rails で […]
axios を使って AJAX を行う方法 [Vue.js]
axios を使って AJAX を行う方法 参考: axios を利用した API の使用 | Vue.js [公式] axios/axios: Promise based HTTP client for the bro […]
ストア情報を永続化する [Vuex]
ストア情報を永続化する 参考: ストア情報を永続化対応する方法 – 零弐壱蜂 リロードしてもStateの中身を消さずに維持する方法 | Pizzamanz.net vuex-persistedstate 参考 […]
ディレクトリ構成 [Vue.js/Vuex]
ディレクトリ構成 参考: Vuex | アプリケーションの構造 [Official] Vuex | Application Structure [Official]