[Vuejs]-Ineffective computed loop in vuejs

by

2👍

✅

You can avoid using computed at all if you take advantage of conditional rendering and v-for directive: 

const app = new Vue({
  el: "#app",
  data: {
    items: [
      { active: true, text: 'text1',},
      { active: true, text: 'text2',},
      { active: false, text: 'text3',},
    ],
  },
})
<script src="https://unpkg.com/vue"></script>

<div id="app">
  <ul>
    <li v-for="item in items" v-if="item.active" v-text="item.text"></li>
  </ul>
</div>

jsfiddle

👤oniondomes

Leave a comment