tacamy--blog

JavaScriptを勉強中の人のブログです。

2018-01-01から1年間の記事一覧

Lodashを使って2つのオブジェクトのDiffを抽出する

JavaScriptで2つのオブジェクトの差分を出したいとき、Lodashの omitBy を使うと簡単に書けた。 const before = { a: 1, b: 2, c: 3 } const after = { a: 0, b: 1, c: 3 } const diff = _.omitBy(after, (v, k) => before[k] === v) この場合、 diff の結果…

Vueのtemplateで1つのイベントに複数のハンドラを設定する

たとえば、button要素のクリック時にonClickAとonClickBという2つのイベントハンドラを実行したいというケースで。 本来は、👇みたいにちゃんとメソッドにまとめてから指定してあげるべきなんだろうけど、 <button @click="onClick"></button> methods: { onClick() { this.onClickA() this.onCli…

Vue.jsのカスタムディレクティブを付与した要素にDOMイベントのコールバックを指定する

Vue.jsのカスタムディレクティブのフック関数には bind ディレクティブが初めて対象の要素にひも付いた時 inserted ひも付いている要素が親 Node に挿入された時 update ひも付いた要素を抱合しているコンポーネントの VNode が更新される度 componentUpdate…