Help us understand the problem. What is going on with this article?

Vue.jsで大きなObjectを扱うときはObject.freezeすると100倍くらい速くなるよ

More than 1 year has passed since last update.

タイトル通りなのでとりあえず結果を見てもらいましょう。

See the Pen EMNpVM by isuke (@isuke) on CodePen.

実行結果 ↓

スクリーンショット 2019-03-06 8.53.06.png

正確な測定ではないですが明らかな速度の違いがわかります。

と、言うことで大きなObjectを扱うときはObject.freezeするといいよ。

(新旧の差をとって、差分だけ更新しようとしていた私の苦労は何だったんだ。)

ちょっと注意

  • 件のObjectをレンダリングする場合はこれをしてもボトルネックの解消にはならない可能性があります。結局レンダリングに時間かかっちゃいますからね。
  • devtoolsが有効になっているかどうかで結果に差があるかもです。devtoolsがゴニョゴニョしているかもしれないので。
  • vuexの場合、strictモードが有効かどうかで結果に差があるかもです。参考1 参考2

参考

https://github.com/vuejs/vue/issues/4384

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away