title: How to break v-for loop in vue.js?
body: <p>I have this <code>v-for</code> loop an my vue.js app:</p>
  <pre><code>  &lt;div v-for=&quot;(word, index) in dictionary&quot;&gt; 
       // break if index &gt; 20
       &lt;p&gt;{{word}}&lt;/p&gt;
    &lt;/div&gt;
  </code></pre>
  <p>I want to break out of the loop after rendering 20 words. How can I achieve this?
  I looked at the <a href="https://v2.vuejs.org/v2/guide/list.html" rel="nofollow noreferrer">docs</a> but did not see anything about this.</p>