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

Actually, setting properties on this in created() should work out of the box:

will render

  

    

      item 1
    
    

      item 2
    
  

Demo here: https://codesandbox.io/s/r0yqj2orpn .