title: How to set a component non-reactive data in Vue 2?
body: <p>I have a categories array, which is loaded once (in created hook) and then it is static all the time. I render these array values in a component template.</p>
  <pre><code>&lt;template&gt;
      &lt;ul&gt;
          &lt;li v-for=&quot;item in myArray&quot;&gt;{{ item }}&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/template&gt;
  </code></pre>
  <p>My data property looks (it does not include myArray - I don't want reactive binding):</p>
  <pre><code>data() {
      return {
          someReactiveData: [1, 2, 3]
      };
  }
  </code></pre>
  <p>My create hook:</p>
  <pre><code>created() {
      // ...
      this.myArray = [&quot;value 1&quot;, &quot;value 2&quot;];
      // ...
  }
  </code></pre>
  <p>Problem is, that Vue throws error - I can't use myArray in a template, because this variable is not created when the DOM is created - mounted.</p>
  <p>So how to do this? Or where can be stored component constants?</p>