How to set a component non-reactive data in Vue 2?

Question

I have a categories array, which is loaded once (in created hook) and then it is static all the time. I render this array values in a component template.

<         


        

Answer 1

If you want to keep it in data, the proper way is using Object.freeze(), as described in the documentation:

The only exception to this being the use of Object.freeze(), which prevents existing properties from being changed, which also means the reactivity system can’t track changes.