title: Can anyone tell how to speed up my vuejs app?
body: <p>I am a noob in vuejs. This piece of my code is making my app very slow.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div v-for=&quot;(attribute, i) in attributes&quot; :key=&quot;i&quot;&gt;
    &lt;div&gt;{{ AttributeClicked(attribute) }}&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>This is the function:</p>
  <pre class="lang-js prettyprint-override"><code>AttributeClicked(attribute) {
    this.$store.commit(&quot;entities/Attribute/select&quot;, attribute.id);
  }
  </code></pre>
  <p>This is the mutation:</p>
  <pre class="lang-js prettyprint-override"><code>mutations: {
    select(state, id) {
      let selection = Attribute.find(id);
      Attribute.update({
        where: (a) =&gt; a.selected,
        data: {
          selected: false
        }
      });
      if (selection !== null) {
        Attribute.update({
          where: id,
          data: {
            selected: true
          }
        })
      }
    },
  }
  </code></pre>
  <p>The purpose of this code is to make a webpage like this one <a href="https://www.tesla.com/models/design#overview" rel="nofollow noreferrer">https://www.tesla.com/models/design#overview</a>
  My objective is for example to show the 5 options below Paint attribute when the page loads.</p>
  <p>Can anyone tell me how to speed up this app?</p>