title: v-if and v-else inside of v-for for different text rendering
body: <p>I can't find a way to choose different options for rendering text inside of v-for. Is it possible or do I need to structure the logic differently to do something like the code below?</p>
  
  <pre><code>&lt;template&gt;
      &lt;ul v-show="showNotifications"&gt;
          &lt;li v-for="notification in notifications"&gt;
              // if notification.type = 'friend request'
              New friend request from {{ notification.name }}
              // else 
              New notification from {{ notification.name }}
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Notification is a array of objects with data like name and notification type.</p>