Render function called whenever a computed value's dependency is updated, though the value didn't change

Question

Render function called whenever a computed value's dependency is updated, though the value didn't change

Closed this issue 6 years ago · 2 comments

fnlctrl commented 6 years ago

Version

2.5.13

Reproduction link

https://jsfiddle.net/72gzmayL/

Steps to reproduce

Open the jsfiddle link, see console output.

What is expected?

Render function isn't called.

What is actually happening?

Render function is called even when nothing is changed.

This creates unnecessary render function calls, which leads to performance issues when the component is complex and render function calls aren't cheap.

Answer 1 · 2018-03-08T09:59:46.000Z

#featureNotBug 😅

computed calculate is called after getter has been accessed (in render function)

Answer 2 · 2018-03-13T10:46:00.000Z

Ouch, I was debugging for half a day why suddenly I've got some stuttering animations lately. 😄