【Vue.js】nextTickでデータ更新後のDBにアクセスしたい

以前、refsを使ってDOMを直接参照するという記事を書きましたが、今回はその応用です。

refsを参照する場合、仮想DOMではなく実体のDOMを参照するため、データ反映が遅いという現象が起きてしまいました。

すぐさま値を知りたい場合、本来はリアクティブな仮想DOMを参照したらいいはずですが、なんらかの理由があり実体のDOMを参照するのであれば、nextTickが有効です。

以下の例を見ると、nextTickを使用したConsoleではリアクティブにlistのHeightを算出してくれています。