Vue.js: How do you use Transition components?

1<template>
2  <Transition name="fade">
3    <div v-if="show">Content</div>
4  </Transition>
5</template>
6
7<style>
8.fade-enter-active, .fade-leave-active {
9  transition: opacity 0.3s;
10}
11.fade-enter-from, .fade-leave-to {
12  opacity: 0;
13}
14</style>

1<TransitionGroup name="list">
2  <div v-for="item in items" :key="item.id">
3    {{ item.name }}
4  </div>
5</TransitionGroup>