main.js:101 Uncaught ReferenceError: VueTransition is not defined

抱歉，我的回答中出现了错误。在 Vue 中，没有名为 `VueTransition` 的内置组件。正确的方式是使用 `<transition>` 组件，并在其中使用 `name` 属性来指定过渡效果的类名。

例如，我们可以在 Vue 实例中全局注册 `<transition>` 组件，然后在模板中使用该组件：

Vue.component('transition', {
  template: '<transition name="fade"><slot></slot></transition>'
})

<transition>
  <div v-show="show">
    这是需要过渡的内容
  </div>
</transition>

在上面的示例中，`<transition>` 组件的 `name` 属性指定了过渡效果的类名为 `fade`。当 `v-show` 指令的值为 `true` 时，元素会显示，并且通过 `fade-enter-active`、`fade-enter`、`fade-leave-active`、`fade-leave` 四个类名来实现过渡效果。

需要注意的是，`<transition>` 组件只能包含一个子元素。如果需要同时过渡多个元素，可以使用 `<transition-group>` 组件。