Vue.js-条件之间的转换(v-if和v-else)

transition在vuejs条件v-if之间可以使用一种方法v-else吗?

举个例子:

<transition name="fade">
    <p v-if="show">hello</p>
    <p v-else>Goodbye</p>
</transition>

new Vue({
   el: '#demo',
   data: {
       show: true
   }
})

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
 }

.fade-enter,
.fade-leave-active {
    opacity: 0
}

我似乎无法transition在这种情况下使用a show在这种情况下,当您切换时<p>元素transition之间会使用a

https://jsfiddle.net/fbponh78