title: Show and hide certain divs inside of v-for loop based on their value?
body: <p>I have a list of objects that are being shown in a v-for loop. They all have a certain key value pair, and based upon that value I'd like for the user to be able to toggle a button outside the loop structure to either show or hide those elements. Basically I want all of the items to be shown at first, and then once the button is toggled, only the items with the true value to be shown, then back to all items, etc.</p>
  
  <p>Something like </p>
  
  <pre><code> const items = [
      { 
        exampleKey: false
      },
      { 
        exampleKey: true
      },
      { 
        exampleKey: false
      }
   ]
  
   &lt;button @click="updateList"&gt;click to update list&lt;/div&gt;
   &lt;div v-for="items in itemList"&gt;item example&lt;/div&gt;
  
   methods: {
      updateList: function(){
          // make the magic happen
      }
   }
  </code></pre>
  
  <p>Of course this is just some pseudo code but it illustrates what I'm trying to get at. I am looking for some type of method or computed property that will let the user toggle the items visibility. </p>