2019-12-01から1ヶ月間の記事一覧

基礎からメモ: Vue.js CH4-p143 更新後のDOMにアクセスする

仮想DOMによるデータの更新は非同期に行われるため、更新後のDOMを操作するためにはDOMの更新を待ち受ける仕組みであるnextTickを使用する。

基礎からメモ: Vue.js CH4-p137 カスタムディレクティブでデータを監視しながらDOMを操作する

カスタムディレクティブの仕組みを使って、v-bindのようなディレクティブを自作することができる。 ただしデータバインディングと違い仮想DOMではないので、$elや$refsと同様に描画の最適化はされない。

基礎からメモ: Vue.js CH4-p134 フィルタでテキストの変換処理

フィルタでテキストの変換処理ができる。 フィルタはローカルまたはグローバルに登録して使用する。ただしthisへのアクセスはできない。

基礎からメモ: Vue.js CH4-p128 ウォッチャーの使い方

コンポーネントのwatchオプションに、監視するデータの名前と、変化した時に呼び出されるハンドラ関数を定義する。新旧データ比較のために、ハンドラの引数として第一引数に「新い値」、第二引数に「古い値」を受け取れる。